Sticky data table header with an external window scroll

Webix JS
1

Hi,

Current behavior: all content inside of scrollview including Webix datatable will get scrolled.
Expected behavior: once it reaches table header, header should stick to window top and until the table is in view.

I know this is not a table feature (to handle external scroll) but I am checking the feasibility of doing this on top of Webix datatable.

I can see the data virtualization capability will be lost if setting auto-height. It is understood as we are giving control to an external scroller.

We have big content at the top and we wanted to avoid header getting hidden. We are looking for something similar to what this sample achieved.

This is the related article,

Is it possible for extending Webix data table to add sticky header as shown in the sample?

Please share your inputs on how best we could add this functionality on top of Webix datatable. Or please let me know incase any limitation in extending to address this requirement.

Thanks
Basanth

2

Hello, @Bachu

Unfortunately, there is no real possibility to perform a sticky header as shown in the sample.
There is an experimental solution that allows users to scroll the only view us active right now or the window which holds it.
Here is the snippet: Code Snippet