javascript - Change Datatables jquery Header & Footer Width -

i building database table using following code:

<script>         var j$ = jquery.noconflict();         j$(document).ready(function()         {             j$('.reporstdt').datatable(             {                 'bjqueryui': true,                 'bfilter': false,                 "blengthchange": false             });         } ); </script> 

and calling above script using tag & adding class="reporstdt" html5 table. problem width of generated table doesn't match html table, result of following result: http://www.imagebam.com/image/0e8fdb322413745

can configure datatables header width , footer width without change css styling?

you can set column widths in creation of datatable, indexed left right. should override setting in css header , footer , pull them line column width set here:

j$('.reporstdt').datatable(   {"bautowidth": false ,      aocolumns : [        { "swidth": "25%"},        { "swidth": "25%"},        { "swidth": "25%"},        { "swidth": "25%"}      ]  });