Table – core/table

Insert a table — perfect for sharing charts and data.

Use the Table block to create a two dimensional HTML table.

Screenshot

Example

This table displays the Attributes and Values for the Table block.

AttributesValuesThis example
Column countDefault: 23
Row countDefault: 25
StylesRegular, StripesStripes
Fixed widthDefault: variableFixed
Column alignmentLeft, centre, rightCentre

Notes

  • The default table has two columns and two rows.
  • You can add and delete rows and columns.
  • Table cells can contain text and inline images.
  • Table settings include toggles for : Fixed width table cells, Header section, Footer section.
  • Colour settings allow selection of the background colour: Subtle light gray, subtle page green, subtle pale blue and subtle pale pink.
  • If the table block appears to be slow try setting the cells to Fixed width.
  • Not suitable for tables with many columns and rows.
  • Change alignmentUse Change alignment to choose the alignment
    • Align leftAlign to the left
    • Align centerAlign in the center
    • Align rightAlign to the right
    • Wide widthIncrease the width of the block beyond the content size. Requires theme support.
    • Full widthExtend the block to cover the full width of the screen. Requires theme support.
  • Edit tableEdit rows or columns of the table
    • Insert row beforeInsert a row before the selected column
    • Insert row afterInsert a row after the selected column
    • Delete rowDelete the selected row
    • Insert column beforeInsert a column before the selected column
    • Insert column afterInsert a column after the selected column
    • Delete columnDelete the selected column
  • Change text alignmentUse Change text alignment to choose how to align the text.
    • Align text leftUse the Align text left drop-down from the toolbar to align text to the left.
    • Align text centerAlign content centrally.
    • Align text rightUse the Align text right drop-down from the toolbar to align text to the right.
  • BoldUse Bold to mark selected text as bold.
  • ItalicUse Italic to mark selected text as italic.
  • LinkUse Link to create a hyperlink to your highlighted text.
  • More rich text controlsFind more text controls in this dropdown.
    • Inline codeUse inline code feature to format code snippets within your text.
    • Inline imageInsert an inline image.
    • StrikethroughUse Strikethrough to strikethrough the selected text.
    • SubscriptUse Subscript to add subscript to your highlighted text.
    • SuperscriptUse Superscript to add superscript to your highlighted text.
    • Text colorUse Text color to change the color of the selected text
  • More optionsDisplay more options
    • Show More SettingsShow the block settings in the sidebar.
    • CopyCopy the block to the clipboard.
    • DuplicateUse Duplicate to create a copy of the block.
    • Insert AfterInsert a new block after the selected block(s).
    • Insert BeforeInsert a new block before the selected block(s).
    • Move To Use Move To to move a block. Up/Down or Left/Right
    • Edit as HTMLEdit the HTML of the block.
    • GroupTransform the selected block(s) into a group.
    • Add to Reusable blocksCreate a Reusable block.
    • Remove blockDelete the block.

Table transforms to:

  • Columns
  • Group