Tables -Font Size Change


Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #8531


    Hello, I love the Tables plugin, is there any way to resize the fonts?
    I have a lot of columns and would like to have more seen on the web page

    Also is there a way I could lock columns for scrolling purposes?



    In order to resize the fonts use this code in CSS editor of Data Table plugin –

    `#supsystic-table-1 {
    font-size: 14px;

    where 1 – is ID of the table.

    As for the second question – please describe it more detail.



    Hello, how about if I would like to increase the font size of a certain data/field column only? How would I do that? Thanks!


    Hi @jayzee

    Your issue was redirected to our developer. I will inform you about the progress.


    Hi @jayzee

    In order to change font size for one column
    1. Open the table you need to edit
    2. Go to CSS tab and insert there

    #supsystic-table-169 td:nth-child(4) {
        font-size: 20px;
    here supsystic-table-169 – 169 is your table id
    td:nth-child(4) – 4th column of the table
    tr:nth-child(4) – 4th row of the table
    for first column use – td:first-child
    for first row use – tr:first-child
    for last column use – td:last-child
    for last row use – tr:last-child
    3. Save changes




Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.
Thanks so much! Please Enter Your Info Below To Get PRO Discount and Gifts