Loading fixedHeader.js in webpage is throwing errors

jainankit0312

Hi,

I have a table which occasionally contains large number of rows. So, we decided to go with fixedHeader for a better end user experience. I am using FixedHeader 3.1.0 and jQuery-1.9.1 and datatable-1.9.4.

Now, this is how I added the property:

var Options = {
"bPaginate": false,
"bStateSave": true,
"bInfo": false,
"bFilter": true,
"bRetrieve": true,
fixedHeader: true,
"oLanguage": {
"sSearch": ""
},
"bAutoWidth": false,
"bSort": false,
"aoColumns": [ .. Some Columns here ..]
}

var Table = $('#tasklist').dataTable(Options);

In the JSP file I have this:

<load script scripts/plugin/workflow/dataTables.fixedHeader.min.js>

But, on page load it is throwing TypeError: d.fn.dataTable is undefined.

How do I resolve it ?

thanks,
AJ