Floating Scroll React Component Inspired by jQuery Floating Scroll plugin (https://amphiluke.github.io/floating-scroll).
Used especially for antd (https://ant.design) wide and long tables
import ReactFloatingScroll from 'path/to/ReactFloatingScroll';
import LongContentComponent from 'path/to/LongContentComponent';
...
class YourParentComponent extends Component {
constructor(props) {
super(props);
this.contentRef = React.createRef();
...
}
...
render() {
return (
<ReactFloatingScroll contentRef={this.contentRef}
innerScrollableClass={`${innerScrollableClassName}`}>
<LongContentComponent {...props}
ref={this.contentRef}>
</ReactFloatingScroll>);
}
}For example, with antd tables: innerScrollableClassName is 'ant-table-body' and LongContentComponent is Table