JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 34
  • Score
    100M100P100Q58058F
  • License MIT

grid-table table

Package Exports

  • @grid-table/basic
  • @grid-table/basic/esm/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@grid-table/basic) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@grid-table/basic

Atom-based state management layer for grid-table, built on @einfach/react.

Install

npm install @grid-table/basic

Usage

import { createCore } from '@grid-table/basic'
import { createStore } from '@einfach/react'

const store = createStore()
const core = createCore(store)

// Access atom families for per-row/column/cell state
const { getColumnStateAtomById, getRowStateAtomById, getCellStateAtomById } = core

API

createCore(store?)

Creates the core state atoms for a table instance. Returns:

Property Description
getColumnStateAtomById Atom family for column state (style, className)
getRowStateAtomById Atom family for row state
getCellStateAtomById Atom family for cell state
columnIndexListAtom Column ID list
rowIndexListAtom Row ID list
columnSizeMapAtom Column width map
rowSizeMapAtom Row height map

State Atoms

Atom Type Description
columnIndexListAtom Atom<ColumnId[]> Ordered column IDs
rowIndexListAtom Atom<RowId[]> Ordered row IDs
headerRowIndexListAtom Atom<RowId[]> Header row IDs
columnSizeMapAtom Atom<Map<ColumnId, number>> Column widths
rowSizeMapAtom Atom<Map<RowId, number>> Row heights

Utilities

Function Description
createAtomFamilyEntity() Factory for dynamic atom families keyed by ID
getIdByObj(obj, key) Extract ID from data object

License

MIT