Skip to content
@askturret/grid

Installation

Package Manager

Section titled “Package Manager”
Terminal window
npm install @askturret/grid

Import Styles

Section titled “Import Styles”

The grid requires CSS to be imported. Add this to your app’s entry point:

import '@askturret/grid/styles.css';

Or import individual component styles:

import '@askturret/grid/src/styles/grid.css';
import '@askturret/grid/src/styles/orderbook.css';
import '@askturret/grid/src/styles/timesales.css';
import '@askturret/grid/src/styles/positionladder.css';
import '@askturret/grid/src/styles/topmovers.css';

Peer Dependencies

Section titled “Peer Dependencies”

The package requires React 18+:

{
  "peerDependencies": {
    "react": ">=18.0.0",
    "react-dom": ">=18.0.0"
  }
}

WASM Core (Optional)

Section titled “WASM Core (Optional)”

For maximum performance with 100k+ rows, install the optional WASM core:

Terminal window
npm install @askturret/grid-wasm

The grid automatically detects and uses the WASM core when available. Without it, the grid falls back to pure JavaScript implementations.

TypeScript

Section titled “TypeScript”

The package includes TypeScript definitions. No additional @types package needed.

import { DataGrid, type ColumnDef } from '@askturret/grid';


interface User {
  id: number;
  name: string;
  email: string;
}


const columns: ColumnDef<User>[] = [
  { field: 'name', header: 'Name' },
  { field: 'email', header: 'Email' },
];

Next Steps

Section titled “Next Steps”