Organisms

Table

The table is one of the most prominent elements in the Jedox reports.

A table comprises a set of information. The table structure is built out of rows and columns which form the table cells. The table fields can encompass data of any kind, but also interactive controls, for example, for navigating, filtering, data editing, or triggering actions related to the item.

Example of a table inside a report

Table components

Our tables comprise different areas and components:

• Table header: or column headers, usually the first table row
• Table body: Area of cells – intersection of rows and columns
• Table footer (optional)
• Table background

Table components

Table header

Two types of table header are possible: a simple version (default header) or a a more striking version (extended table header):

Default table header

Extended table header

According to IBCS, we recommend to include a consistent information design for the version dimension (Actual, Budget, Forecast etc) in the table header or table footer. For more information on the design of the version indicators, take a look at the Stylesheet.

Table body

Content font size & alignment

• The recommended font size of data numbers and text is 9pt.
• Text in the table header also 9pt, but bold.
• Text aligns to the left, numbers and their table header align to the right.
• For more detailed information, take a look at the Stylesheet.

Cell padding

• Whitespace is important - the subtle use of blank space to group data into columns and rows is the most effective method. We ensure this by using a data height of 9pt (12px) and a row height of 30px.
• At Jedox, we are not (yet) able to define the white space via direct formatting of the cell e.g. through the addition of padding - therefore we add blank columns and rows of 5px around the data cells instead.

Table background

• In order to make the content of the table stand out we choose a background. We recommend our lightest gray (#F9FAFB) for that.

Rules and grids

• Rules and grids can be used to delineate columns and rows, group sections of data, and highlight sections of data.
• The problem with rules and grids is that they excessively fragment the data and introduce clutter.
• When you use rules, be sure to subdue them visually in relation to the data by keeping the lines thin and light. Shades of gray work best, they remain subtle in comparison to data rendered in black. We recommend a thin cell border of the outer (padded) cells and the color value of our lighter grays.

Resources

Stylesheet

| * | currently not visualized in the illustration

See also

• Table cell

• Previous
  Form