Horizontal scrolling with columns sized to width of data

495

HSG posted over 15 years ago

Hi,

I would like to dynamically size the columns of a WebDataGrid to the width of the data. This would also require that I allow for horizontal scrolling in cases where this exceeds the width of the grid. Finally, this grid has paging enabled, so the footer would presumably need to remain stationary. It's my understanding from reading other posts on this forum that this behavior is not supported from the WebDataGrid api. However, would it be possible to accomplish this behavior through css modifications? I haven't had any luck so far. Any suggestions as to how to go about this would be appreciated.

495

Offline HSG posted over 15 years ago

Bumping this back up to see if anyone else has any suggestions. Infragistics support implied that this wasn't offically supported, but I was hoping there might be a css "workaround" to get the correct behavior.

Rob
Cancel
Reply

Cancel
495

Offline HSG posted over 15 years ago in reply to Alex Kartavov

Alex,

This works as expected when the data doesn't require any scrolling. However, when it overflows, the data is truncated so all the columns will fit within the width of the grid. Is there some other property that I need to set in order to allow for horizontal scrolling?
Cancel
Reply

Cancel
14049

Offline Alex Kartavov posted over 15 years ago

Hello,

This functionality is not supported in the UltraWebGrid. WebDataGrid
should do fine.
You need to set width on the control itself. Then leave the columns
widths empty.
At that point if you try to enter long strings into cells the grid will
try to accommodate those by extending both width and height of the cell.
If you'd like to keep the row height, so the text remain as one line try
adding white-space:nowrap to the cells css class.
Create a css class on the page:

tbody.NoWrapCells > tr > td
{
white-space:nowrap;
}

and then set the ItemCssClass property:

WebDataGrid1.ItemCssClass = "NoWrapCells";
Cancel
Reply

Cancel