Hi Every One, I have requirement where the one of the grid column should be displayed as second row and i need toapply data table search functionality.
but data tableisnot working for this scenario.
I am getting error like"Uncaught TypeError: Cannot read property 'className' of undefined "in console of the chrome.
Please any one can help me toadd data tableto the grid controle of the asp.net.
---------This Is ASp Code------------------------<scripttype="text/javascript"src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><scripttype="text/javascript"src="//datatables.net/download/build/jquery.dataTables.nightly.js"></script><scripttype="text/javascript">
$(document).ready(function () {var yourTable = $('#<%=Gv.ClientID %>').dataTable({// If you only have three columns in the HTML table, then this line will cause an error, because it lists four columns in "aoColumnDefs"."aoColumnDefs": [{ "bSortable": false, "aTargets": [0, 1, 2, 3]}]
});
});</script><asp:GridViewID="Gv"runat="server"AutoGenerateColumns="false"ClientIDMode="Static"GridLines="Both"><Columns><asp:TemplateFieldHeaderText="Rendering engine"><ItemTemplate><asp:LabelID="lblRender"runat="server"Text='<% #Eval("Renderingengine")%>'></asp:Label></ItemTemplate></asp:TemplateField><asp:TemplateFieldHeaderText="Browser"><ItemTemplate><asp:LabelID="lblBrowser"runat="server"Text='<%#Eval("Browser") %>'></asp:Label></ItemTemplate></asp:TemplateField><asp:TemplateFieldHeaderText="Platform"><ItemTemplate><asp:LabelID="lblPlatform"runat="server"Text='<%#Eval("Platform") %>'></asp:Label></ItemTemplate></asp:TemplateField><asp:TemplateFieldHeaderText="Engine version"><ItemTemplate><asp:LabelID="lblEngine"runat="server"Text='<%#Eval("Engineversion") %>'></asp:Label></ItemTemplate></asp:TemplateField><asp:TemplateFieldHeaderText="CSS grade"><ItemTemplate><tr><tdcolspan="4"></td><td><asp:LabelID="lblCss"runat="server"Text='<%#Bind("CSSgrade") %>'></asp:Label></td></tr></ItemTemplate></asp:TemplateField></Columns></asp:GridView>
-------------After Rendering------------------------ <tablecellspacing="0"rules="all"border="1"id="Gv"style="border-collapse:collapse;"><thead><tr><thscope="col">Rendering engine</th><thscope="col">Browser</th><thscope="col">Platform</th><thscope="col">Engine version</th><thscope="col">CSS grade</th></tr></thead><tbody><tr><td><spanid="lblRender">Trident</span></td><td><spanid="lblBrowser">Internet Explorer 4.0</span></td><td><spanid="lblPlatform">Win 95+</span></td><td><spanid="lblEngine">A</span></td><td><tr><tdcolspan="4"></td><td><spanid="lblCss">4</span></td></tr></td></tr><tr><td><spanid="lblRender">Trident</span></td><td><spanid="lblBrowser">Internet Explorer 5.0</span></td><td><spanid="lblPlatform">Win 95+</span></td><td><spanid="lblEngine">C</span></td><td><tr><tdcolspan="4"></td><td><spanid="lblCss">5</span></td></tr></td></tr><tr><td><spanid="lblRender">Trident</span></td><td><spanid="lblBrowser">Internet Explorer 5.5</span></td><td><spanid="lblPlatform">Win 95+</span></td><td><spanid="lblEngine">A</span></td><td><tr><tdcolspan="4"></td><td><spanid="lblCss">5.5</span></td></tr></td></tr><tr><td><spanid="lblRender">Trident</span></td><td><spanid="lblBrowser">Internet Explorer 6.0</span></td><td><spanid="lblPlatform">Win 95+</span></td><td><spanid="lblEngine">A</span></td><td><tr><tdcolspan="4"></td><td><spanid="lblCss">6</span></td></tr></td></tr><tr><td><spanid="lblRender">Gecko</span></td><td><spanid="lblBrowser">Firefox 1.0</span></td><td><spanid="lblPlatform">Win 98+ / OSX.2+</span></td><td><spanid="lblEngine">A</span></td><td><tr><tdcolspan="4"></td><td><spanid="lblCss">1.7</span></td></tr></td></tr><tr><td><spanid="lblRender">Gecko</span></td><td><spanid="lblBrowser">Firefox 1.5</span></td><td><spanid="lblPlatform">Win 98+ / OSX.2+</span></td><td><spanid="lblEngine">A</span></td><td><tr><tdcolspan="4"></td><td><spanid="lblCss">1.8</span></td></tr></td></tr></tbody><tfoot> </tfoot></table>
↧
DataTable Plug in Is not working for the grdi controle
↧
