How to provide horizontal scroll bar for form.io data-grid component?
Using the form.io data-grid component , We can drag and drop our columns to that data-grid component.
For Example a simple data-grid component with two or three columns may look like below :
It is okay for less number of columns. If number of columns increases upto 6 or 7 , the data-grid view in not okay. The columns gets shrink in size and data goes unreadable as below :
So , someone please help me on this. Is there any way to give horizontal scroll bar or customize the each column width using form.io ?
Thanks in advance
Solution
Add absolute width for each component inside data grid in layout tab.
This will allow the data grid to have a horizontal scroll.
- HTML error of multiple attribute for input type="text" with Rails datagrid gem
- How to Select/Deselect rows programmatically in mui x datagrid
- How to create a 'Searchable / Filter' Combobox in DataGrid WinUI 3
- I have a c# WinUI 3 desktop application (VS 2019) - right align text in a datagrid cell
- Where are DataTable and DataColumn in WinUI 3?
- WinUI 3 DataGrid: Changing Header Font Size
- DataGrid column width doesn't auto-update
- How to style individual cells of FluentDataGrid based on their value?
- Datagrid Width WinUI 3
- Change DataGrid cell colour based on values
- Table and filter columns different in MUI Data Grid
- How to set thickness of scrollbars in scrollviewer
- WPF: Bind DataGrid to List<String>
- ObservableCollection not updating DataGrid when item is updated
- Properly handle subitem editing ( or canceling of subitem editing ) in listview with editable subitems
- DataGrid in .NET MAUI
- How do I bind a WPF DataGrid to a variable number of columns?
- How to sort DataGridTextColumn by displayed, converted value, not bound source property value?
- Devextreme-Angular: Customize other cell templates while in Grid mode
- Mudblazor Datagrid where My headers is fixed and first column is Sticky Left while horizontal scrolling Fixed Header first column is not fixed
- How to group datagrid items in WPF & MVVM?
- WPF DataGrid ContextMenu shows up without right clicking the row
- Apache Flex datagrid paging
- Silverlight: disable automatic first-row selection after DataGrid binding
- WPF DataGrid - Validation Recommendations
- How I can implement Paging in MVVM?
- Datagrid Paging : Invalid CurrentPageIndex value. It must be >= 0
- Default Value For WPF Datagrid Column
- How to select or deselect a row in a Table using Data Grid Mui
- I want to remove 3 dots(option) from Header in MudDataGrid using MudBlazor