Start Building Professional
Web Apps Today

Gridlines in grid

Is it possible to have gridlines showing in the grid?
I see the rows have classes of "even" and "uneven" but adding border-bottom-width has no effect on the <tr> because the individual <td> elements have border-width of 0.
I would like to have a bottom border of 1px but cannot see how this might be done without changing the code to render the grid.
Any solutions out there?

Component code has default css settings of borders, so redefining them through alter css not enough, you need to

a) remove existing border style from dhtmlxgrid.css

or

b) declare style in next way

<style>
    div.gridbox table.obj .a td {
        border-bottom:2px solid red; !important
        }
</style>

    mygrid.enableAlterCss("a","b")

Works like a treat.

Thanks for the tip.