Foundation guide

Theming data grid documentation

Theming lets you match Ace Grid to your product UI without rewriting the grid internals. Use it for tokens, icons, and targeted style overrides.

What it means

Theming changes how the grid looks without changing what the data means. Use it for product tokens, icons, and a few scoped visual overrides.

When to use it

Use it when the grid should feel native to your design system instead of like a third-party embed. Reach for theme tokens first, then use targeted style overrides only for the few selectors tokens cannot cover.

Implementation notes

Keep visual identity in the theme layer. Avoid pushing product styling into data, column, or interaction props. Use inline selector overrides sparingly. They are best for surgical polish, not a second theming system.

Relevant API

Start with theming.theme, theming.icons, theming.inlineStyleOverrides. Open the live API reference for types and defaults.