How to display the column headers at the bottom of the grid as well

bioluminescence

Hi,

I can't seem to figure out why my is not displaying at the bottom of my datatable. Some examples have the column headers (th tags) at the bottom of the datatable as well.

Here is my JavaScript:

[code]
$(document).ready(function () {
$('#banks-datatable-container').html('');
$('#banks-datatable').dataTable({
"bServerSide": true,
"aoColumns": [
{ "sTitle": "#" },
{ "sTitle": "Name" },
{ "sTitle": "Active" }
],
"bAutoWidth": false,
"bFilter": false,
"bLengthChange": false,
"bProcessing": true,
"bSort": false,
"iDisplayLength": 25,
"sAjaxSource": '@Url.Action("List2", "Bank", new { area = "Administration" })',
"fnDrawCallback": function (oSettings) {
if (navigator.userAgent.toString().indexOf('MSIE') >= 0) {
// This fixes the IE8 overflow issue. Style is added after the datatable has been drawn.
$('#main').addClass('overflow-fix');
}
}
});
});
[/code]

And my HTML for the above:

[code]




[/code]