I want to apply DataTable on the Gridview. my code is
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<link type="text/css" rel="stylesheet" href="https://cdn.datatables.net/1.10.9/css/dataTables.bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="https://cdn.datatables.net/responsive/1.0.7/css/responsive.bootstrap.min.css" />
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/1.0.7/js/dataTables.responsive.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.9/js/dataTables.bootstrap.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(function () {
$('[id*=gvRecord]').prepend($("<thead></thead>").append($(this).find("tr:first"))).DataTable({
"responsive": true,
"sPaginationType": "full_numbers"
});
});
</script>
<asp:GridView ID="gvRecord" runat="server" AutoGenerateColumns="false" Class="table table-striped table-bordered table-hover"
OnPageIndexChanging="OnPageIndexChanging" AllowPaging="true" PageSize="1500">
<Columns>
<asp:TemplateField HeaderText="List">
<ItemTemplate>
<asp:CheckBox ID="checkRecord" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Product Code">
<ItemTemplate>
<asp:Label ID="lblId" Text='<%#Eval("ItemCode") %>' runat="server" />
</ItemTemplate>
</asp:TemplateField >
<asp:TemplateField HeaderText="Product Name ">
<ItemTemplate>
<asp:Label ID="lblName" Text='<%#Eval("ItemName")%>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText=" Weight / Size ">
<ItemTemplate>
<asp:Label ID="lblSize" Text='<%#Eval("ItemSize")%>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Price">
<ItemTemplate>
<asp:Label ID="lblRate" Text='<%#Eval("Rate")%>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Quantity">
<ItemTemplate>
<asp:Label ID="lblQty" Text='<%#Eval("Qty")%>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
but it is showing an error
How to fix it and i followed the link
