Tulip Logo IconTulip
Data Tables

Columns

Define typed table columns close to the feature that owns the row shape.

Columns describe how rows are rendered.

Keep column definitions close to the feature module so the row type, labels, custom cells, and action cells stay readable.

Pattern

import type { TableColumnDef } from "@tulip-systems/data-tables";

type CustomerRow = {
  id: string;
  name: string;
  status: string;
};

export const customerColumns: TableColumnDef<CustomerRow>[] = [
  {
    accessorKey: "name",
    header: "Name",
  },
  {
    accessorKey: "status",
    header: "Status",
  },
];

Continue reading

On this page