Change Table Font Size

In order to resize the fonts of your table, you need to follow next instruction:

  1. Open table that you need to change.
  2. Go to CSS tab of your Data Table plugin.
  3. Data-Table-CSS-editor

  4. On the CSS editor paste this shortcode:
    #supsystic-table-1 {
    font-size: 20px;

    • instead 1 – your table ID number;
    • instead 20px – font size that you need.
Don’t forget to Save changes!

You can also set here other font-settings, for example font-family.

Here is example of normal Table –

and Data Table with adding code –

#supsystic-table-1 {
font-size: 22px;
font-family: "Times New Roman", Times, serif;

You can change the size of the font in all your rows except header by adding this code:

#supsystic-table-1 tbody td {
font-size: 10px;

where 1 – is ID of your table and 10px – is the size of your font.

In addition, you can change the size of data table rows, except of header row. All you need to do is enter this code in the CSS tab:

#supsystic-table-1 tbody td {
line-height: 12px;

where 1 – is ID of your table and 12px – is the width of the rows (in pixels).

Latest Articles