Hi folks, working on a project to prototype some WebApp UI screens containing DataGrids and I’m trying to work with your supplied DataGrid component.
Unfortunately our data grid screens are usually very wide and utilize scrollbars to see all the available columns.
From some searches, and comments I’ve seen, I realize I will have to break up the screen into multiple views to show all the columns (since there isn’t a way to actually scroll the DataGrid component).
My problem is, as I’m adding more columns, the column header names are becoming clipped and I can’t control the width of each column header?
I saw the info on how you can specify relative column widths etc.
“0” for exact widths is perfect for me, BUT unfortunately, those values DON’T take into account the Header Name, only the data values!??
I’ve been trying to pad my data values with spaces to make the columns wider but that’s not working AND, when I try to center those values, it becomes a matter of juggling how many spaces are on the left and right of the value text which defeats the “c” centering specification altogether.
Is there anything I can do at this point for correcting these column Header widths?
For me, the column header names are dictating the required column widths more than the data values themselves.
I’m thinking it would be helpful to have specifiers for both the header AND data values so you have a choice on which value drives the column width.
Having that ability (along with Left/Right/Center for the headers) would really solve ALL the issues I’m having, allowing me to then move forward with these screens as I’ve done with the other screens for this project.
I’ve linked an image to a screen capture of how the data grid looks - I don’t have any control over the column widths, and text alignment for my header names.
Any suggestions are really appreciated!