问题
To share the files I have created a project on github repo link: https://github.com/shantanookirtane/dataTablesFixedColumns.git
This repository has index.html where the table gets loaded under the DOM structure similar to what is getting created when I run my application. The repo has all necessary css and js files.
I have add the exact issue description in README.md file on github for this project, pasting the same here again.
Datatable version : 1.9.1 Datatable Fixed column version: 3.0.2
Issue with DataTables Fixed columns
The issue here is that even though the scroll bar is appearing the left column is not fixed, so when you move the scroll bar everything moves.
Also if you click on the first TH element in table i.e. (ServerName) the table horizontally expands and contradicts. during this process if you notice carefully the scroll bar get applied to first the outer div with class=tab-content and then to div with class dataTables_scrollBody
I am looking for a solution here so that I can use the Datatable Fixed column plugin successfully
Update: So NOW I have updated the datatables v to 1.10 and pushed the code to the same location in gitlab. Although now the fixedColumns pluging is working but not smoothly
Following are the issues which I am facing NOW
- The table gets rendered into DIV with vertical and horizontal scroll bar which does not look good.
Now if you click on first TH element in the table i.e. left most top corner cell the vertical scroll bar vanishes and table appeares properly. but the FixedColumn is NOT yet started working..... :(
Now if you loose focus from this table and if you come back you will notice that the FixedColumns plugin started working smoothly.
Can someone please help me in this issues, I am really stuck.
来源：https://stackoverflow.com/questions/25898855/datatables-fixed-columns-plugin-not-working