Trying to make the rows tighter, but not having much luck.
Tried the row initialize event, and could see the event being called for each row, but the row height css was not changing the row.
Then tried:
<Columns><ig:BoundDataField DataFieldName="TrustorName" Key="TrustorName" CssClass="WebDataGridRowheight"><Header Text="TrustorName"/></ig:BoundDataField></Columns>
css: .WebDataGridRowheight{ height:10px; font-family: Arial; font-size: 9pt; font-weight: normal; color: #444951; border-collapse:collapse; padding:0; margin:0; border-spacing:0; }But no luck changing the row height. But changing the color to red works just fine, so I know the css is being called and works correctly.
Anything else that might help set the row height, really need this.
Try with this: <style type="text/css"> tbody.igg_Item > tr > td { height: 50px; } </style>
http://news.infragistics.com/forums/p/42996/236563.aspx#236563
Set the ItemCSSClass, but no change, any other ideas, like padding, or margins being set by default??
I've included Padding and Margins:0 in the css, but no change.
Hi csnyder_ptb,
try to change row height in ItemCssClass which is applied to every row:
<ig:WebDataGrid ID="WebDataGrid1" runat="server" Height="350px" Width="1058px" ItemCssClass="rowHeight">
WebDataGrid CSS styling guide http://forums.infragistics.com/blogs/engineering/archive/2010/08/25/webdatagrid-css-styling-guide.aspx