The table chart is one of the most basic chart types, however, in Infogram, you can take your table to the next level with features like interactive search, data sorting, images, icons, and links. Table charts are useful if you’re using data with both textual and numeric columns.
Customize elements in the table chart
- Select the chart by clicking on it.
- Open the Table elements tab in the right-side settings panel.
In this tab, you can adjust:
- Image height: This setting will change the size of images/icons that you have used in the cells. For more on how to insert images and icons into your table, read the instructions below.
- Text alignment: This allows you to choose left, right, or center alignment of text in your cells. It does not apply to the first row and column if you have enabled Merge first column or Merge first row in the Table properties tab.
- Vertical alignment: The same principle as above applies here, vertically within a table cell.
- Text size: You can resize the text to your liking from 4 to 40 pixels.
- Header alignment: You can create headers by enabling the Merge first row and Merge first column options in the Table properties tab of the Settings panel. Then choose to align the text to the left, right, or center.
Expand the Table properties tab in the right sidebar to access additional settings:
- Vertical header: Tilts the header row text vertically.
- Icons instead of text: Changes all entries in your data table to icons. Data from the cells will appear when you hover over the chart. To change the icon type, head over to the Table elements tab.
- Dynamic column width: When enabled, it calculates the optimal width for columns based on the amount of text added. When disabled, it assigns equal width to all columns.
- Show first cell (A1): Shows or hides the A1 cell of the table.
- Search bar: Enables the viewer to search for keywords in the table. Only rows containing the search phrase will be narrowed down and displayed.
- Merge first column: Enables a different style and settings for the first column.
- Merge first row: Freezes the first row and allows you to specify its alignment under the Table elements tab.
- Sort (high-low): Sorts the columns A-Z as Z-A. Sorting only works if the Merge first row setting is enabled.
- Downloadable data: Allows viewers to download the chart source data in CSV format.
Insert images and icons into your table
- Double-click on the chart to bring up the data table.
- Right-click on any cell in your table.
- Click the Set image or icon button at the bottom of the menu.
- Choose an image or icon from the graphics library, or upload any image from your computer. You can customize the uploaded image size in the right sidebar under the Table elements tab.
Add hyperlinks to your table chart
You can also add hyperlinks to any cell in your table. Your viewers will be able to click the cell and be redirected to a new tab where your URL will automatically open. To use this option, right-click on the cell and choose to Add/change link in the menu.
Style cells in the table chart
- Double-click on the chart to bring up the data table.
- In the data table, select the cells you wish to edit and right-click on them.
- In the context menu, choose Text styling.
- Click on the available styling options or use keyboard shortcuts.
- Bold: ⌘ + B
- Italic: ⌘ + I
- Underline: ⌘ + U
- Left align: ⌘ + Shift + L
- Center align: ⌘ + Shift + E
- Right align: ⌘ + Shift + R
- Superscript: ⌘ + .
- Subscript: ⌘ + ,
- Bold: Ctrl + B
- Italic: Ctrl + I
- Underline: Ctrl + U
- Left align: Ctrl + Shift + L
- Center align: Ctrl + Shift + E
- Right align: Ctrl + Shift + R
- Superscript: Ctrl + .
- Subscript: Ctrl + ,