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.
.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
}
in data xml
…
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