DataGrid header appears at the grid last row

comicrage

Hi,

I created a datatable but my header is the last row. Can someone help? When the grid loads, I see the header on top but it disappears to the button of the grid and none of the columns are sortable.

       var oResultGrid = $("[id$='gvFacilities']");
        if (fixEmptyDataRow(oResultGrid)) {
            var oTable = oResultGrid.dataTable({
                "bPaginate": false,
                "bFilter": false,
                "bInfo": false

            });
        }
        else {
            oResultGrid.dataTable({
                "sPaginationType": "full_numbers",
                "aLengthMenu": [10, 25, 50, 100],
                "aaSorting": [[0, 'asc']],
                "sDom": '<"top"lif<"clear">>rt<"bottom"lip<"clear">>',
                "aoColumns": [
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true },
                        { "bSortable": true }
                ]
            });
        }