Cell Types

Rowstack provides specialized renderers and editors for various data types. By specifying a type in your column definition, Rowstack automatically handles formatting, icons, and input methods.

#Built-in Types

Type	Description	Icons/Styling
`text`	Standard single-line text.	Default
`number`	Numeric values.	Supports custom icons (e.g., $)
`longText`	Multi-line text for descriptions or notes.	Expandable on focus
`select`	Single-choice dropdown.	Color-coded badges
`multiSelect`	Multiple-choice dropdown.	Tag-style badges
`date`	Date values.	Calendar icon & Date picker
`checkbox`	Boolean (true/false) values.	Interactive checkbox
`link`	URL strings.	Clickable blue links
`formula`	Calculated values.	Read-only by default

#Usage

Specify the type in the columns array:

const columns = [
  {
    id: "status",
    name: "Status",
    type: "select",
    options: [
      { name: "Active", value: "active", color: "green" },
      { name: "Pending", value: "pending", color: "yellow" }
    ]
  },
  {
    id: "amount",
    name: "Amount",
    type: "number"
  }
];

#Custom Types

If the built-in types don't meet your needs, you can create Custom Cells to render any React component within the grid.