Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Aditya Singh
195
Shut off text wrap in cells in web data grid?
posted

I have a WebDataGrid (11.1) 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?

  • 24671
    posted

    hey,

    you can do the following:

    Open your grid CSS class file, it’s located at ~/ig_res/[Your Style Name]/ig_dataGrid.css. Locate tbody.igg_[Your Style Name]Item>tr>td class and add one more line at the end: white-space:nowrap.

    for example

    01 tbody.igg_Office2007BlueItem>tr>td
    02 {
    03     background-color:White;
    04     border-right:solid 1px #D0D7E5;
    05     border-bottom:solid 1px #D0D7E5;
    06     padding:2px 5px 2px 5px;
    07     height: 18px;
    08     overflow: hidden;
    09     text-align:left;
    10     vertical-align:middle;
    11     white-space:nowrap;
    12 }

     

    Let me know if this helps. Thanks,

    Angel