What's NewDeveloper CommunitySupportStatus

Frozen columns

Some tables might require columns to be frozen (constantly visible and stuck to the left or right of the table). In such cases it is possible to add a freeze="" field to the relevant column, which will cause it to be shown statically.

Like most properties, the value can be the result of a function and it is therefore possible to dynamically 'pin' columns to the left or right with additional JavaScript/TypeScript logic.

Note: It is possible to freeze multiple columns, but a single column cannot be frozen both left and right.

Frozen Left

<object-table>
    <column freeze="left" heading="Column 1">{name}</column>
    <column freeze="left" heading="Column 2">{name}</column>
    <column heading="Column 3">{name}</column>
    ...
</object-table>

Frozen Right

<object-table>
    <column heading="Column 1">{name}</column>
    ...
    <column freeze="right" heading="Column 4">{name}</column>
    <column freeze="right" heading="Column 5">{name}</column>
</object-table>

Frozen Left and Right

<object-table>
    <column freeze="left" heading="Column 1">{name}</column>
    ...
    <column freeze="right" heading="Column 5">{name}</column>
</object-table>
PreviousFiltersNextFullscreen object-table

Last updated