How to add a table

  • Author
    Posts
  • #124778

    hatchnut
    Member
    Original poster

    I have no idea how to CSS so I don’t know how I can add a table into my post. I saw that you can do so on the style guide but I don’t know how. Please help this poor clueless soul!

    The blog I need help with is: collegeaffairs.blog

    #124873

    raduconstantin1
    Theme Author

    Hey there,

    Could you send me a link to the page where you’ve seen the tables presented, please? I just want to understand what are the elements that you’re looking for and help you create them.

    Thanks,
    Radu

    #124933

    hatchnut
    Member
    Original poster

    Hi Radu,

    I saw it on the style guide (https://patchdemo.wordpress.com/style-guide/). There’s a section where the table is presented but I don’t know how to get that table and I can vary the number of columns and rows.

    #124934

    hatchnut
    Member
    Original poster

    **and how I can vary…

    #124990

    raduconstantin1
    Theme Author

    Hey,

    Unfortunately, there’s no option to add a table to a page or post. However, you can easily create it by using HTML tags and it’s not hard at all. For example, this is the code that we used in our Style guide:

    <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0" align="left">
    <tbody>
    <tr>
    <td><strong>Type</strong></td>
    <td><strong>Font</strong></td>
    <td><strong>Description</strong></td>
    </tr>
    <tr>
    <td><strong>Humanist</strong></td>
    <td>Sabon</td>
    <td>Closely connected to calligraphy</td>
    </tr>
    <tr>
    <td><strong>Transitional</strong></td>
    <td>Baskerville</td>
    <td>More abstract and less organic</td>
    </tr>
    <tr>
    <td><strong>Modern</strong></td>
    <td>Bodoni</td>
    <td>Note the thin, straight serifs</td>
    </tr>
    <tr>
    <td><strong>Slab Serif</strong></td>
    <td>Clarendon</td>
    <td>Egyptian typefaces have heavy serifs</td>
    </tr>
    </tbody>
    </table>

    Basically, you need to create each row of the table and, on each row, a new element. Also, here’s an online generator that I found on a quick search that should help you with this change: http://divtable.com/generator/

    Thanks,
    Radu

The topic ‘How to add a table’ is closed to new replies.