Data grid visibility

I have a data grid that contains 14 columns and all of them are not visible in UI  I tried adding scroll container but no luck How can I  make all the columns visible? Any suggestions please.
1 answers

You mean that the columns don’t show because there is not enough width?

I can think of 2 options:

  1. Indeed use a horizontal scrollbar. To do so first set the column widths on the datagrid to pixels instead of percentage. Then add css to the grid with something like:
    width: 90%;  overflow-x: scroll;
  2. Let the text break so that you can see everything in the column you can use css to target the .mx-datagrid-data-wrapper class and add something like: word-break: break-all; white-space: normal;