How to make first and last column scrollable in table and rest of the column fixed?

Asked Jul 14 '17 at 12:51

Active Jul 14 '17 at 12:57

Viewed 323 times

I was looking into this post

But in this solution only middle columns are scrollable and first and last column fixed.

I just need reverse means first 2 and last 2 colums scrollable and middle 2 columns non-scrollable

edited Jul 14 '17 at 12:57

asked Jul 14 '17 at 12:51

Ratan Paul

@NikhilNanjappa no I didn't try with any library . Looking for pure css solution – Ratan Paul Jul 14 '17 at 13:01
1

A simple way to implement this is making 3 tables with in one table having 3 columns. – Sahil Patel Jul 14 '17 at 13:06
Pure CSS I'm afraid is not possible. Horizontally splitting the scrolls amongst the table columns goes against the table structural logic. Without libraries, the best solution I can suggest is **divide the content into 3 tables to make it tool like one**, – Nikhil Nanjappa Jul 14 '17 at 13:09
@SahilPatel yeah if the pure css doesn't work then we have to go with 3 tables. – Ratan Paul Jul 14 '17 at 13:10
@NikhilNanjappa yeah currect – Ratan Paul Jul 14 '17 at 13:10

0 Answers0