Table Component Row Height

Howdy all-

Would anyone happen to have guidance on how to adjust the row height of the header and data rows for the table component on an HTML and PDF page?

Thanks much,
Adam

@SafetyUniversity
You can use css like below

// for table header row
.table>thead>tr>th{
line-height:2;
}

// for table data row
.table>tbody>tr>td{
line-height:1;
}

Thanks @ashnil-

Would you be able to help out how to assign the CSS to a specific CSS class vs. a generic CSS? I have multiple tables on the same page and want to target a specific table.

Does that make sense?

Thanks in advance,
Adam

@SafetyUniversity

Add CSS class to your table and use this class with above CSS like for eg.
// for table header row
.snip-table .table>thead>tr>th{
line-height:2;
}

// for table data row
.snip-table .table>tbody>tr>td{
line-height:1;
}

1 Like

Boom, so easy of a solution…my brain wasn’t working.

Appreciate the help!
Adam