Data Grid - Styling recipes

Advanced grid styling recipes.

Remove cell focus outline

The data grid cells are actionable elements and visually indicate the focus state by default. You can remove the focus outline by overriding the :focus and :focus-within styles for the cells and header cells.

Styling Cells without impacting aggregation cells

Aggregation cells do not receive a special class, so styling cells without impacting them needs a small workaround in the getClassName function.