Skip to main content

boolean

check ✓ / muted dash.

The boolean cell rendered in a Bst-Table grid

Example source
import React from 'react'
import { BstTableMui } from '@bloomskill/table-mui'
import type { BstTableColumn } from '@bloomskill/table-engine'
import '@bloomskill/table-engine/styles.css'
const rows = [{ id:'1', item:'Active', v:true }, { id:'2', item:'Archived', v:false }]
const columns: BstTableColumn<any>[] = [
{ id: 'item', accessorKey: 'item', header: 'Item' },
{ id:'v', accessorKey:'v', header:'Boolean', meta:{ type:'boolean' } },
]
export default function App() {
return <BstTableMui data={rows} columns={columns} getRowId={(r) => r.id} pagination={false} />
}
Loading live example…

Guide

When to use it

A yes/no flag — active, archived, verified, in-stock.

How it works

Renders a check (✓) for true and a muted dash for false. Editing toggles a checkbox. Stored as a boolean.

At a glance

Renderscheck ✓ / muted dash
Value shapeboolean
Editable✅ checkbox
Key cellMeta

Use it

const columns: BstTableColumn<Row>[] = [
{ id: 'x', accessorKey: 'x', header: 'X', meta: { type: 'boolean' } },
]