[WIP] Feature/sticky header

[chunming-c]

Fix #36

Description

Implement sticky header.

TODO

• broken layout in small device
• Documentation
• Unit test

[AllenFang]

💯 Nice contribution

[akparaliev]

could you give me an update on this task?

[akparaliev]

@Chun-MingChen @AllenFang

[chunming-c]

@akparaliev, I found some bug exists. Decline this PR first and it will be reopened soon.

[AllenFang]

@Chun-MingChen share more on this PR please, thanks

[Priyasingh589]

@AllenFang @Chun-MingChen , can you please share if fixed header feature will be available anywhere soon in react-bootstrap-table2, similar to this one : https://ant.design/components/table/#components-table-demo-fixed-columns-header

[AllenFang]

@Priyasingh589 sure, I will let you know when we support this feature, we encounter some issues and we are already working on this, give me some time, thank you

[AllenFang]

#381

[AllenFang]

#230

[thomas-shares]

Hi,
We are really looking forward to this feature as it would help us tremendously! And we were also wondering if it would be possible to have a sticky footer as well? That would make navigating lots of data with totals at the bottom even more convenient.
Thank you for your hard work on this wonderful Component!!!

[CaptainTux]

Hi, this component is absolutely great!
Is there any progress on the sticky header?
Or maybe I can help, if there's someone still working on it.

[fulin426]

@CaptainTux

https://stackoverflow.com/questions/56040119/table-with-horizontal-and-vertical-scroll-with-fixed-header

It looks like using a sticky header to fix the header to the top worked for me.

th {
position: sticky:
top: 0;
}

Then add overflow to the parent div.

[mlvaughn10]

@fulin426 That approach hasn't seemed to help me. I've been unsuccessful in any attempts to fix my headers. Any updates/plans to re-engage on this topic, @Chun-MingChen @AllenFang ?

[fulin426]

@mvaughn10 not really sure. It's been awhile since I last used this library.