Start Building Professional
Web Apps Today

DHTMLXGrid: Is It Possible To Have a "Row Seperator" In a Grid?

Hey folks, question: I've a grid that has a number of rows in it. I'd like to add to this list a "row seperator", much like a group header, but it doesn't have a count of records in the group. Basically, a row that spans all the columns of the grid, looking like one cell, with a different backgound. Kind of like an inline section header.

Is this possible?

Thanks! - M

There is no any separate entity as "row separator", but you can use normal rows with custom styling.

<style>
.separator .td{
    border-right:0px solid red;
    border-left:0px solid red;
    background-color:red;
    height:5px; // change height only if you not using smart rendering mode
}
</style>

in data xml
<row id="some" class="separator"> ... </row>

Additionally you can use colspans ( pro version only ) to really combine all cells in the row

Does this mean I'll have to insert that line into the resultant XML that's the data source for the grid?

 

Thanks! - M

You can insert such row directly in XML , or you can create it by script


var id=grid.uid();
grid.addRow(id,"",some_index)
grid.setRowTextStyle(id,"border-right:0px solid red; ...");

The main idea - use common row, but with different styles, so it will look as separator