How to make multiple left columns fixed and scroll the the rest columns in HTML table?
I am having trouble of freezing multiple columns or column-group and making the rest columns scrollable.
I tried the solution like
but it only works for one column. If I try to freeze multiple columns, they overlapped each other.
I also do not want to use multiple tables which will be difficult for dynamic data binding.
Does anyone know a simple solution for this case only using CSS?
There is one jQuery Plugin "DataTable". This will help you to freeze any number of columns in your table.
Check the tutorials here. http://www.datatables.net/extensions/fixedcolumns/
Hope this solves your problem.