Need to Prevent Data Grid from Wrapping Columns?

[samuel.dandy56]

I have a data grid with a lot of columns. I have a custom role created to allow the user to scroll to view the columns but when the screen gets smaller the columns start to wrap.

when screen gets smaller:

Any advice on how to keep these columns from wrapping on a smaller screen and simply allow the user to just scroll to other columns out of view.

[duncan_richards12]

Have you tried playing around with the wrap-on property of the data grid in the Designer?

[stefano.menci]

This should have the answer:

Horizontal scroll for Data Grid

Hi Anvillistas! Just sharing a technique you might want to use if you have a lot of columns in a Data Grid. You can assign a few custom CSS rules to the Data Grid to make it have a horizontal scrollbar. In this example, we’ve created a Role called wide, so assigning that to the Data Grid gives it a CSS class named anvil-role-wide. .anvil-role-wide .data-grid-child-panel { overflow-x: auto; } .anvil-role-wide .anvil-data-row-panel { flex-wrap: nowrap; min-width: -moz-min-content; min…

[samuel.dandy56]

Perfect. Thank you Stefano.