Freezing panels and use of scrollbar in Pivot Table component

Support
#1

Hi
Is it possible to freeze the left panel (showing properties) when I use the horizontal scroll bar, say moving from left to right?

image

#2

Hi,

PivotTable consists of a single <table> element, so, unfortunately, there is no way to have scrolling.

Regards,
Gleb

#3

It is possible with some CSS & setting a width for pivot table.

th.pvtRowLabel{
    background: white;
    position: sticky;
    margin: 0;
    border: 1px solid grey;
    white-space: nowrap;
    left: 0;
    top: auto;
    border-top-width: 1px;
    margin-top: -1px;
}

table.pvtTable{
    text-align: left;
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid grey;
}
#4

Hi Mustafa
Thank you so much. Could you please indicate which style to be applied where in the pivot and how? This for your help.

#5

Extend an existing theme if you haven’t done this before. Open hover-ext.scss and add the lines below.

    th.pvtRowLabel{
        position: sticky;
        left: 0;
    }

After that restart application server. Open up your browser & Empty Cache and Hard Reload to see the changes.
There is no need to add a stylename for any components.

One more thing, position:sticky is not working for IE.