oj-table: Frozen Columns in Oracle JET and Oracle VBCS

made by myself.

Hi Devs👋,

Recently, I came across a requirement to freeze columns dynamically on oj-table. 👷

Oj-table provides a number of attributes to change the behaviour of columns.

More information can be found in the document.

Freez columns in oj-table

Be patient; the above gif may take time to load. 😆

Here, we have used the “frozenEdge” attribute of columns to freeze a column in an OJ-table. “frozenEdge” can take the values “start,” “end,” or “null.”

‘frozenEdge’: “start” or “end” or null

columns='[{"headerText": "Emp Id", 
       "field": "EmployeeId",
       "frozenEdge": "start",
       "id": "id"},]'

Approach:

In the above gif, I have updated the column array and added the “frozenEdge” property dynamically on checkbox selection.

We need to reset the oj-table column using setProperty, and a table refresh is also required to reflect the changes.

Well, I guess, that’s it.😄 Nothing can beat self-effort ⛹️‍♂️ toward learning, and it is something that I value highly.

Have fun!

You can always find me on Twitter 🐦

If you have any other additions to this, you can leave a comment below, and if you like this post, please hit clap. 👏and consider following me on Medium.