Matrix Table Layout
The Matrix Table is a layout container used to display multiple visuals and assets within tiles in a tabular construct. The table can be used to display visualizations, dynamic images, text, slicers, buttons, images, and web panels. However, the matrix table is commonly used to create KPI scorecards. Typically, KPIs, mini visuals, and text labels are displayed across several rows, to easily compare these details within a single formatting structure. For instance, the matrix table below compares sales during April, May, and June.
Note: this feature is not available in the Community Edition.
Add a Table
Click Add Table (red arrow below) to add a table of the default size, which is 3 columns and 3 rows (9 tiles). Right click Add Table to specify the table size (green highlight below).
Then click anywhere on the slide to place the container there.
Add Assets to the Table
Drag any assets onto the required tile in the table.
Remove Assets from the Table
To move an asset out of the table, simply drag it and place it on the canvas.
To delete an asset that's in a table, right click on it and click Delete from the context menu.
Edit a Table
Right click on the table to open its context menu, where you can insert or remove rows or columns.
Right click on a cell in the table to expose both the table container's context menu (under Matrix Table), and the visual's context menu (under Visual Options):
Go to Visual Options to see the visual's context menu:
You can resize the table's column's and rows by dragging a row or cell border vertically or horizontally.
When the table container is selected, various formatting options will be enabled from the Component ribbon. As usual, you can edit the panels. You can also adjust the table settings (red highlight below).
To adjust the table settings for all cells in the table, select the table container. To adjust settings for a specified cell within the table, select only the required cell.
- Borders: show all or no cell borders, or show borders only at the top, bottom, left, or right of the cell(s).
- Border: set the border color.
- Border Width: set the border width.
- Fill: change the background color (the color of the table cells BEHIND the visual inserted into the cell).
- Padding: increase padding between cell borders.
- Reset Table Formatting: revert to the default table formatting.
Here, the background color was set to light blue, all borders were shown, the border color was set to blue, and the border width and padding were both increased:
Here, only borders at the top of the cells are shown, and padding is disabled:
Here, the border color and width were adjusted only for one cell:
Table in Runtime
The assets in the table behave as usual in runtime. Slicer and visual interactions are enabled by default, and other functions are available from the context menu as usual.