Hi
I am using a Gridview plugin which lets the DataTable plugin work with gridviews.
The Datatable plugin is working and the initial search box ,indexing etc appear.
But the column filters in the footer do not appear. But the text for the footers appears.
This is my code :
The result is the same if I swap the ColumnFilter script with the GridViewFix script.
I am using a Gridview plugin which lets the DataTable plugin work with gridviews.
http://www.codeproject.com/Articles/267001/GridviewFix-helper-plugin?msg=4221271#xx4221271xx
The Datatable plugin is working and the initial search box ,indexing etc appear.
But the column filters in the footer do not appear. But the text for the footers appears.
This is my code :
<head>
<title></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="Scripts/DataTables-1.9.0/media/js/jquery.dataTables.js" type="text/javascript">
</script>
<script src="Scripts/ColumnFilter/media/js/jquery.dataTables.columnFilter.js" type="text/javascript"></script>
<script src="Scripts/Gridviewfix/GridviewFix.js" type="text/javascript"></script>
<link rel="Stylesheet" type="text/css" href="Scripts/DataTables-1.9.0/media/css/demo_table.css" />
<script type="text/javascript">
$(document).ready(function () {
$("#GridView1").GridviewFix({ header: "headerStyle", row: "rowStyle", footer: "footerStyle" }).dataTable().columnFilter();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="width:534px; margin-right: 0px;">
<asp:GridView ID="GridView1" runat="server" ShowHeader="True" Width="400px"
AutoGenerateColumns="False" DataKeyNames="Number"
DataSourceID="SqlDataSource1" class="display" ShowFooter="True">
<Columns>
<asp:BoundField DataField="Number" HeaderText="Number" ReadOnly="True"
SortExpression="Number" FooterText="Number" />
<asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" FooterText="Name" />
<asp:BoundField DataField="Designation" HeaderText="Designation"
SortExpression="Designation" FooterText="Designation" />
</Columns>
<RowStyle CssClass="rowStyle"/>
<HeaderStyle CssClass="headerStyle" />
<FooterStyle CssClass="footerStyle" />
</asp:GridView>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT * FROM [Users]"></asp:SqlDataSource>
</div>
</form>
</body>
</html>
The result is the same if I swap the ColumnFilter script with the GridViewFix script.