🔤 Format Guide

This guide explains how to use the formatting option in column definitions to customize how values are displayed in the grid.

✅ How to Use

Use the formatting key inside each column to define how values should appear:

const columns = [
  {
    name: 'Amount',
    formatting: { type: 'number', format: '0,0.00' }, // → "1,234.56"
  },
  {
    name: 'Salary',
    formatting: { type: 'currency', format: 'USD' }, // → "$5,000.00"
  },
  {
    name: 'Joining Date',
    formatting: { type: 'date', format: 'MMMM dd, yyyy' }, // → "January 01, 2024"
  },
  {
    name: 'Active',
    formatting: { type: 'boolean' }, // → "Yes" / "No"
  }
];

The grid automatically formats values based on type and format.

✅ Supported Types

📌 Common Format Tokens (for dates)