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
2320
Column and Row Lines
posted

This must be an easy one but I can't figure out what property I need to set to turn grid lines (column and row) on.  Your demos all have grids with lines separating columns and rows.  I couldn't find any setting for this.  Is it a style?  If so or if it is a property could someone send me in the right direction and provide me with a sample. 

Thanks,

Ken

Parents
  • 5739
    Verified Answer
    posted

    Hi,

    They are CSS styles and they reside in the ig_res folder in the igdatagrid of the particular styleset you're using.  It's the border properties that you're interested in.  Here's the style from the ElectricBlue styleset:

     tbody.igg_ElectricBlueItem>tr>td

    {

    background-color:#E7F6FD;

    background-repeat:repeat-x;

    background-position:right top ;

    background-image: url(images/itembg.jpg);

    border-width:0px;

    border-top:solid 1px #A6C4E0;

    border-right:dotted 1px #A6C4E0;

    padding:5px 8px 5px 8px;

    height: 30px;

    overflow: hidden;

    vertical-align:middle;

    }

    You can put this into your markup as a CSS style and change it for that page. That's the way I do it. 

    Ed
Reply Children
No Data