Tip Tuesday : Wrap cell content in all vertical arrays and the Line Item Grid (LIG)

For vertical arrays and the Line Item Grid (LIG) here are 2 simple CSS rules you can add to enable wrapping text in all cells by default, so users don't have to select the option:

/* Wrap text in all cells */
/* Set height to auto for rows and cells in each row */
.oj-table-header-row,
cpq-table:not(.cpq-table-direction-horizontal) div.cpq-table-column-header-cell,
cpq-table:not(.cpq-table-direction-horizontal) .cpq-table-body-row,
cpq-table:not(.cpq-table-direction-horizontal) .cpq-table-data-cell{
    height: auto;
}
/* Set white-space to normal for all cells to enable wrapping text */
/* Remove the overflow-wrap property if you only want to wrap at word breaks */
cpq-table:not(.cpq-table-direction-horizontal) .oj-table-column-header-text,
cpq-table:not(.cpq-table-direction-horizontal) .cpq-table-data-cell{
    white-space: normal;
    overflow-wrap: anywhere;
}