Sticky columns for Analytical Table

[gurkirpalgill]

Option to configure first two columns as sticky
When user scrolls the Analytical table columns horizontally, is it possible to configure first two column as sticky i.e. they are always visible. e.g.

[github-actions]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Inactive issues will be closed after 30 days. Thanks.

[art-zhiltsoff]

Hello! Could please consider this feature in the upcoming releases?
Would be much appreciated. Since we wildly use AnalyticalTable and dont' want to replace it with, say, react-table wrapped with react-table-hoc-fixed-columns HOC.

Thank you!

[sieunjang]

Hi! @MarcusNotheis Was there any update on this? I see the todo tag has been removed, so I'm wondering. Thank you in advance for the help!

[MarcusNotheis]

Hey @sieunjang,

this feature request is still on our roadmap. The todo label was only a helper label, so that our stale issue bot is not closing issue. In the meantime we changed the config of our stale issue bot, that's why the todo label was removed.

Apart from that, I think that we will require some more time for this issue, we had tried to implement sticky columns with our current approach but it was really hacky and not performing well. We heard that new version (v8) the underlying react-table library might support sticky columns, so we're currently waiting for a new release there. (we don't have any ETA for the release of react-table).

[sieunjang]

Thanks for the quick response @MarcusNotheis! That makes sense.

Since, we're on the topic of sticky elements, is there a plan to implement sticky rows by any chance? I had looked into making the first row sticky inside an Analytical Table, but I noticed this below:

Screen.Recording.2021-08-12.at.4.40.29.PM.mov

The table I'm showing in my video is from here. I saw that the first row with aria-rowindw="0" disappears as I scroll down. So, my attempt to make the first row sticky with css properties wasn't successful because I'm also implementing infinite scrolling (and the table has a fixed height).

Or is there a way to make the first row sticky with a different solution? If you have any insight to share, please let me know! Thank you :)

[andrejmandryk]

Hi! @MarcusNotheis Was there any update on this? Thank You!

[I506645]

Hi @MarcusNotheis,
Any updates on this sticky column as when it would be available? If it's still not in the near future, are there any other workarounds possible?

Best Regards,
Raghav

[Lukas742]

Hi all,

sorry for the delayed response time. We had an internal discussion about this topic and unfortunately we don't find it practical adding sticky behavior to the current implementation of the table. We looked at different ways to implement it, but it always had too many downsides, mostly related to performance, but also the overhead and complexity that this feature would add to the table would be too excessive.

We're planning to build a new table, with a more modular approach though. I can't promise anything yet, but sticky behavior is on top of the list for this table. Right now we don't have a roadmap, but we'll try to get it started this quarter.

And don't worry, the current AnalyticalTable will still be available even after we released the new one ;)

[MadSandwich]

@Lukas742 do you have any updates on this, that you can share with us?

[Lukas742]

Hi @MadSandwich

unfortunately not, once we start working on this, we will move this from "Future" in our Roadmap to the appropriate quarter in which we plan to complete the implementation.

[cproinger]

Hi. Tanstack-React-Table V8 has been out there for some time now. why is ui5-react still von V7? V8 would support sticky/pinned columns pretty easily it seems https://tanstack.com/table/v8/docs/examples/react/column-pinning

[Lukas742]

Hi @cproinger

The API of v7 and v8 is not compatible and migration is not really feasible due to the complexity of the component.

[wvudako]

Will this be part of the webcomponents 2.0 release (with the new table implementation) or can it be more easily provided after the upgrade?

[wvudako]

@Lukas742 With webcomponents 2 released (we have already upgraded) what is your plan on moving forward? Will there be an alternative table implementation? Will this be integrated at some point?
Related: #4971

[superdyzio]

we would also love to have sticky columns in AnalyticalTable - is there any chance for this @Lukas742 ? can I help with that in any way?

[superdyzio]

I know you're busy, so just bumping the question @Lukas742 @MarcusNotheis thanks in advance! 👋

[Lukas742]

@Lukas742 With webcomponents 2 released (we have already upgraded) what is your plan on moving forward? Will there be an alternative table implementation? Will this be integrated at some point? Related: #4971

The ui5-webcomponents team is aware of this feature request, but I’m unsure about its status in relation to the ui5-table v2. Unfortunately, we still lack the capacity to implement a new table or update the AnalyticalTable to include this feature.

we would also love to have sticky columns in AnalyticalTable - is there any chance for this @Lukas742 ? can I help with that in any way?

Thanks for the offer! Feel free to check out the implementation, however, as the AnalyticalTable is already quite loaded and we aim to add features without impacting performance, implementing this feature would require significant effort. This is partly due to the need for adjustments to the virtualization, which forms the foundation of our columns, rows, and cell renderers.