I have a WebDataGrid (10.2) which I used largely default settings for the cells. By default, the cells wrap text when the columns are sized to a smaller width than the cell contents. I would prefer they would just truncate the text without wrapping.
Anyone know how to do this?
Hi,
Use this in your CSS styling class
tbody.igg_Item tr td{ overflow:hidden; white-space:nowrap;}
But after then also you will face a problem in Internet Explorer that first row still shows the wrapped text. I have been looking for a solution for that, but i didn't even got a reply for that. If you overcome that to please do reply me in hurry.
Thanks & Regards,
Assyst
Hey Guys,
Try to set the width of the columns explicitly like this :
<style type="text/css"> tbody > tr > td.colExplWidth { width:30px;} </style>
the grid:
<ig:WebDataGrid ID="WebDataGrid1" runat="server" Height="350px" Width="886px" AutoGenerateColumns="false"> <Columns> <ig:BoundDataField Key="Item" CssClass="colExplWidth"> </ig:BoundDataField>
<ig:WebDataGrid ID="WebDataGrid1" runat="server"
Height="350px" Width="886px" AutoGenerateColumns="false"> <Columns> <ig:BoundDataField Key="Item" CssClass="colExplWidth"> </ig:BoundDataField>
..................
Hope this helps.