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>