SolidJS Integration

The @sci-grid/solid package provides a fine-grained reactive wrapper for SolidJS.

Installation

pnpm add @sci-grid/solid @sci-grid/core

Usage

import { SciGridSolid } from '@sci-grid/solid';
import { createMemo } from 'solid-js';

const App = () => {
  const provider = createMemo(() => ({
    getRowCount: () => 1000,
    getColumnCount: () => 20,
    getCellData: (r, c) => `Value ${r},${c}`,
    getHeader: (c) => ({ name: `Col ${c}` })
  }));

  return (
    <div style="height: 500px; width: 100%">
      <SciGridSolid 
        provider={provider()}
        config={{ rowHeight: 30 }}
      />
    </div>
  );
};

export default App;