SimpleTable

The SimpleTable component is a simplified version of the DataTable. It is designed to handle small sets of data and markdown representation. It does not feature sorting, resizing, filtering, or virtualization and behaves like a native HTML table.

Import

import { SimpleTable } from '@dynatrace/strato-components-preview/tables';

Use Cases

CodeSandbox

Configure text alignment

By default, text within a cell is left-aligned and vertically centered. To explicitly control the text alignment for a column, set the alignment property in the column definition.

CodeSandbox

Configure the variant

The visual look of the SimpleTable can be adjusted using the variant prop. It allows you to configure the font style, a containing border, the row density, as well as row and column separation.

CodeSandbox

Props

SimpleTableProps

extends

Name	Type	Default	Description
data	<>	-	Memoized version of the table data.
columns	[]	-	Memoized version of the column definitions.
variant?	|	'default'	Configures the visual look of DataTable.