I'm looking for a simple CSS solution which could allow me to have several columns fixed in my Bootstrap table. Actually, I want to be able to scroll on all right columns and still displayed a number of left columns. I'm conscient there are already a huge amount of such questions but none of them solved my problem so I decided to post mine.
My table is filled by a ng-repeat directive and the number of columns is variable. I already succeed in putting an horizontal scrollbar to my table when some columns are out of the parent div by adding this two CSS line in my table :
display: block;
overflow-x: auto;
But now, I want that the 4 or 5 first columns to be fixed when the user scroll horizontally on the table. I tried a lot of solution and none resolved my problem. If anybody has any simple solution for that, it would be great !
