Table header not displaying
Table header not displaying
I am using an asp:gridview bound to a data source to render as a table clientside.
Without the plugin in use the header of the table display correctly, however once the plugin is used the table headers disappear.
The client side code rendered is
``<thead>
<tr role="row">
<th scope="col" class="sorting" tabindex="0" aria-controls="ctl00_ContentMain_resultsGridview" rowspan="1" colspan="1" aria-label="Test: activate to sort column ascending" style="width: 642px;">Test</th>
<th scope="col" class="sorting_asc" tabindex="0" aria-controls="ctl00_ContentMain_resultsGridview" rowspan="1" colspan="1" aria-label="Test2: activate to sort column descending" style="width: 643px;" aria-sort="ascending">Test2</th>
</tr>....
</thead>``
Javascript:
``$(document).ready(function () {
$('.results_gridview').DataTable({
"dom": 'T<"clear">lfrtip',
"tableTools": {
"sSwfPath": "../../../JavaScript/lib/TableTools-2.2.3/TableTools-2.2.3/swf/copy_csv_xls_pdf.swf"
}
});
});``
Can anyone help me please?