How can I left align the row group header

polachan

I am using multi row grouping. I dont want to show the row group header at the center.group header should be left aligned. But detail line only need to be centered.
Pls can you give the code to make it on the link. But when I give center style, it center all the row including group row. Group row should be left aligned
https://jsfiddle.net/kxetda3h/4/

kthorngren

See if this example helps:
https://datatables.net/extensions/rowgroup/examples/initialisation/customRow.html

Kevin

polachan

But I am using the code to centre text align in all table column , otherwise the column value will show different position from heading.
table,
th,
td {
border: 1px black;
text-align: center;
font: smaller;
}
Please can you give me the corrected code to show the group text with left align in my code in the link
https://jsfiddle.net/kxetda3h/4/

tangerine

Apply a class and create the necessary CSS.
https://datatables.net/reference/option/rowGroup.className

kthorngren

See if this updated fiddle helps:
https://jsfiddle.net/h16kmf3p/

Used rowGroup.startRender along with a new class td-left.

Kevin

polachan

Many Thanks