<< Click to Display Table of Contents >> Navigation:  Delphi HTML Report Library > Tables > User Grouping

To allow user to group tables add  

draggable: true;

to th style, and add drop target for grouping columns – any element with table-group-box class.

Also you could set style for group rows.

For example:

<style>

.table-group-box {background: #888; border: solid #white 1px; padding: 3 5; margin: 5 0; color: white}

.group {background: #8a8; font-weight: bold; font-size: 16px; color: white}

</style>

<div class="table-group-box">Drag a column header here to group by that column</div>

Group fields on .table-group-box element has CSS class .group-tag, which could be used to change its look.

 

Grouping should not be used on tables having “rowspan” cells.