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

ericpyle picture ericpyle  路  14Comments

joaoaguiam picture joaoaguiam  路  32Comments

jmarucha picture jmarucha  路  18Comments

rooby picture rooby  路  32Comments

vikaskr0697 picture vikaskr0697  路  19Comments