I am looking for a way to fix the first column in a table component in react material-ui

Question

I am looking for a way to fix the first column like this website on bottom.

How can I make the first columns fixed when scrolling?

(devexpress is useless)

Answer 1

I found a way for handle this. For each first TableCell of TableRows I added an style class with the next properties

position: '-webkit-sticky',
position: 'sticky',
background: '#fff',
left: 0,
zIndex: 1,

There is a limitation, no border-button is shown on Firefox, testing in Edge works as spected.