angular icon indicating copy to clipboard operation
angular copied to clipboard

how to add scroll to a formio data grid and give a width to a column

Open Jayanth-R opened this issue 2 years ago • 1 comments

We are using formio data grid as the number of column increases grid is placed outside the view port and couldn't scroll Is there a way to add scroll and give width to a column? Please find the attachment image

As a work around for above issue tried to override the default css in style.css by placing grid in tabs div.card-body.tab-pane.active > div:has(table){ overflow-x: auto; overflow-y: hidden; }

table > tbody > tr>td>div{ width: 16rem; }

above workaround is causing other issue like couldn't see the values of drop down tried to z-index but couldn't achieve it image

Jayanth-R avatar Jan 16 '23 03:01 Jayanth-R

Can you share what versions you are experiencing this on?

lane-formio avatar Mar 13 '24 13:03 lane-formio

Thank you for your contribution. As this issue has been inactive for over 90 days, I will close it for now. If you wish to reopen the issue, please respond and we can resume the triage process.

Tatsiana8 avatar Sep 04 '24 13:09 Tatsiana8