Hey @enzocarmo
Maybe it’s a bit late, but came up with a solution to freeze any column to the left, inside the Table component.
I think adding position: sticky and left:0 would have done the trick, but with the auto-generated wrappers, it’s not working. Fortunately, we can still add some custom styling. This worked for me (add the style to an HTML embed to preview it in the editor) :
<style>
#myTable .ww-columns.ww-object-elem > .ww-layout > div:nth-child(1) {
position: sticky;
left…
You can target the tabs container with custom css.
To preview these changes in the editor, you can put your style in an HTML Embed.
Something like that worked for me:
<style>
.tabs-object .tabs-container[data-v-077c1ff4] {
position: sticky;
top: 0;
}
</style>
The data-* is probably specific to my component, but you can modify it with your own if you look at the Inspector panel or… you can just go with an !important statement…
<style>
.tabs-object .tabs-container {
position: sti…
You can refer yourself to these posts above
1 Like
Haven’t tried with the stack component but the logic should be close.