Change font size for one column/row

In order to change font size for one column at Data Tables plugin, follow next instruction:

1. Open the table you need to edit in Data Tables plugin by Supsystic.
2. Go to CSS tab and insert there:

#supsystic-table-1 td:nth-child(4) {
font-size: 20px;
}

• supsystic-table-1 – 1 change to your table id
• td:nth-child(4) – 4th column of the table

Additional settings for changing column/row by CSS codes:

• tr:nth-child(4) – 4th row of the table
• td:first-child – for first column
• tr:first-child – for first row
• td:last-child – for last column
• tr:last-child – for last row
3. Save changes.

You can change font-size as you want. Also you have ability to set other font option, for example – font-family.
Here we show you result with adding code into CSS Table editor:

#supsystic-table-158 tr:last-child {
font-size: 24px;
font-family: "Times New Roman", Times, serif, bold;
}

Table in the begining

The Table after CSS code was added