SAP
Sticky columns for Analytical Table
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.
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.
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
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!
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!
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).
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:
https://user-images.githubusercontent.com/46455259/129391839-23c39fb2-9c41-4db3-bf43-726eca334323.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 :)
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
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 ;)
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.
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
Hi @cproinger
The API of v7 and v8 is not compatible and migration is not really feasible due to the complexity of the component.