I have a table with 20+ columns out of which 7 are fixed and the data is populating in the table dynamically from the database. I want the table to be 7 fixed columns on left and the table width must be within the browser windows limit and if the width overflows scroll bar must appear to the right hand side columns. Problems I face when datatable loads:
1. when the table loads header columns are out of sync with the body columns.
2. table when first loads the right side columns are too wide and doesn't fit inside the browser width and have to scroll all along to see the data, to over come this i used
3. when i use "bJQueryUI": true the left side columns(i.e the fixed columns) doesn't change when pagination's buttons are clicked.
1. when the table loads header columns are out of sync with the body columns.
2. table when first loads the right side columns are too wide and doesn't fit inside the browser width and have to scroll all along to see the data, to over come this i used
$(window).load(function(){ oTable.fnAdjustColumnSizing();}); it resizes the columns first time it loads the table and again when i click the pagination's next or previous or the numbers then the page goes too wide, second time I click next it resizes, next click results again in too wide table. 3. when i use "bJQueryUI": true the left side columns(i.e the fixed columns) doesn't change when pagination's buttons are clicked.