freeze table header using datatables plugin

Question

I am using datatables plugin and trying to freeze my table header, and the table is created using displaytag. My issue is that there is some problem with the column width in the header. It is not same as the column width of the body. How to make the header width same as body width?

My code:

$("#rates").dataTable({
     "bPaginate": false,
     "sScrollY":  "200px",
     "sScrollX": "100%",
});

Answer 1

Remove the last comma after sScrollX 100% and see.

$("#rates").dataTable(
    { 
        "bPaginate": false, 
        "sScrollY": "200px", 
        "sScrollX": "100%"
    }
);