Mui-datatables: IE 11 sticky header

Created on 2 Aug 2020  路  4Comments  路  Source: gregnb/mui-datatables

Currently, in IE 11, the sticky header option doesn't work. Is there any workaround for achieving sticky header in IE 11 please ?

Most helpful comment

The table exports the TableHead component: https://github.com/gregnb/mui-datatables/blob/master/src/index.js#L10

And also lets you override the TableHead component: https://github.com/gregnb/mui-datatables#custom-components

So you could import it, wrap it, and then override it with your wrapper.

All 4 comments

Have you tried any sticky polyfills? This was says it works with top-positioned stickies, which would work with the header:

https://github.com/wilddeer/stickyfill

Thanks much for the response, @patorjk .
Let me try that.
Seems, there is also a react wrapper for that.
https://www.npmjs.com/package/react-stickyfill

Any idea how do we wrap the table header alone ?

Is there any property you know to wrap the header.

The table exports the TableHead component: https://github.com/gregnb/mui-datatables/blob/master/src/index.js#L10

And also lets you override the TableHead component: https://github.com/gregnb/mui-datatables#custom-components

So you could import it, wrap it, and then override it with your wrapper.

Thank you so much for the help, @patorjk

Much appreciate

Was this page helpful?
0 / 5 - 0 ratings

Related issues

krsandesh picture krsandesh  路  3Comments

harryluo91 picture harryluo91  路  3Comments

NickToye picture NickToye  路  4Comments

cahna picture cahna  路  3Comments

chapmanjacobd picture chapmanjacobd  路  4Comments