Hi Guys,
I attempted to apply white-space: normal; and word-wrap: break-word; to the column header style, and also enabled column resizing. However, none of these approaches resolved the issue." Pleaser refer the below code.
div class="oj-flex" style="width:1px;min-width:100%;">
<oj-table scroll-policy="loadMoreOnScroll" data="[[ $variables.ProductDetailsADP ]]"
class="oj-flex-item oj-sm-flex-bar-middle " class="" horizontal-grid-visible="enabled"
vertical-grid-visible="disabled" selection-mode.row="multiple" edit-mode="rowEdit"
on-oj-before-row-edit="\[\[$listeners.tableBeforeRowEdit\]\]"
on-oj-before-row-edit-end="\[\[$listeners.tableBeforeRowEditEnd\]\]"
columns='\[{"headerText":"Product Line Number","field":"productLineNumber","headerStyle":"white-space:normal; word-wrap:break-word;"},
Result of above code
Expected
