react-wasm-table
  • 한국어

      • Canvas Components

      One page per component. All support optional style and individual props. See docs/canvas-components.md.

      Supported (drawn on canvas)

      Interactive (DOM overlay)

      Code

      import { Grid, createColumnHelper, Text, Badge, Flex } from "@ohah/react-wasm-table";

const helper = createColumnHelper<{ name: string; dept: string }>();

const columns = [
  helper.accessor("name", {
    header: "Name",
    size: 140,
    cell: (info) => <Text value={info.getValue()} fontWeight="bold" />,
  }),
  helper.accessor("dept", {
    header: "Department",
    size: 200,
    cell: (info) => (
      <Flex gap={6} alignItems="center">
        <Badge value={info.getValue()} backgroundColor="#e3f2fd" color="#1565c0" />
      </Flex>
    ),
  }),
];