Documentation

Column Alignment

Column alignment allows you to control how content is positioned horizontally within each column, improving readability and visual organization of your data.

CodeSandbox

Basic Usage

Control column alignment by setting the align property in your header definitions:

Column Alignment Configuration

PropertyRequiredDescriptionExample
HeaderObject.align
enum
Optional
Controls the horizontal alignment of content within the column for both header and cell content.
Options:
left
center
right

Best Practices

Consider these guidelines for optimal column alignment:

Text Content

Left-align text content such as names, descriptions, and other textual data for easier reading.

Numeric Values

Right-align numbers, currencies, and percentages to make decimal points align vertically.

Headers

Match the header alignment with its column content for consistency.

Status Indicators

Center-align status badges, icons, and other indicator elements to create visual focus.