Change Text Size in DataTable

zgoforth

I know this is probably accomplishable through CSS which I may have to end up doing, but is there a a way through DataTables where I can edit the font size displayed within the table?

I know that it is posted within a <td> element, but so are the parent rows, and I just want to edit the size of the text in the child row
https://jsfiddle.net/msbgh0yu/

allan

CSS is how you would do it.

Each row which is added by RowGroup has a dtrg-level-{i} class (where {i} is the nesting level - e.g. 0, 1, 2, etc).

So you would set your table font-size:

table.dataTable td {
  font-size: 1em;
}

And then use the RowGroup classes to change the font-size of the rows it adds:

table.dataTable tr.dtrg-level-0 td {
  font-size: 1.1em;
}

for example.

Allan

zgoforth

@allan Thanks!