how to resize column and row

  • Unknown's avatar
    arunandprasad · Member ·

    how to resize column and row in table after created

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    abhogan · Member ·

    This page gives you information on creating a basic Table Block, but the Table Block doesn’t seem to allow for customizing cell widths or heights at the moment, but you can still achieve your desired effect.

    To create a table with custom width and heights, if you know some HTML you could do so in a “Custom HTML” block instead.

    Otherwise, to get a head start with the table block:

    1) Create your table using the Table Block with it’s default widths and heights.

    2) Click on the vertical row of three dots in the top right of the block (“More Options”) and choose “Edit as HTML.”

    3) In case you’re not familiar with HTML, each table cell is a “<td>” (and they are grouped in rows (“<tr>”).

    You can set the height of a row by giving the <tr> a height attribute. For example <tr height=”150″> would set the height of that row to 150px.

    To set the width of a column, give one of the <td> cells the desired width. For example <td width=”300″> would set the width of that column to 300px. You can also use a percentage here, in which case <td width=”30%” would set that column’s width to 30% of the total table width.

    4) You will then get a message saying “This block contains unexpected or invalid content.” Choose “Convert to HTML.”

    5) Your block is now a Custom HTML block containing your table, which you can view as either HTML or Preview using the buttons at the top of the block.

    Let me know if any of this doesn’t make sense!

  • The topic ‘how to resize column and row’ is closed to new replies.