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
1740
How to display vertical and horizontal grid lines
posted

Hi Lyuba,

I have to show vertical and horizontal grid lines as in Microsoft Excel in a 3 level hierarchical data grid. What properties should I set to make it visible? The grid is bound by a dynamically built dataset with 3 datatables having parent-child relationship. I would appreciate your help!

Thanks!

  • 19693
    posted

    Hello Ram,

    Let us know if you need further assistance regarding this.

  • 19693
    posted

    Hello Ram,

     

    You can change the appearance of the grid items using CSS classes.

     

    The CSS class responsible about item appearance is tbody.igg_Item>tr>td in ig_dataGrid.css file.

     

    If you want to modify the look and feel of the WHDG only in the current web form you should override it :

     

    <style type="text/css">

     

    tbody.igg_Item>tr>td

     

    {

     

    border-color: Maroon;

     

    border-width: thin;

     

    border-style: solid;

     

    border-top:solid 1px #D8D8D8;

     

    overflow: hidden;

     

    height: 25px;

     

    text-align:left;

     

    font-size: 11px;

     

    font-weight:normal;

     

    vertical-align:middle;

     

    font-family:Arial;

     

    color:#0066AD;

     

    }

     

    </style>

    Please let me know if you need further assistance regarding this