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.
You mean that the columns don’t show because there is not enough width?
I can think of 2 options:
- 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;
- 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;