Русский
中文
Español
Deutsch
Português
日本語
DataGrid
Render typed rows, sort with a locale-aware collator, filter by text, number or value set, group one level and keep selection by stable row key.
Grid JS
Grid JS — the typed browser data grid behind StockSharp web applications. One column declaration drives the header, rows, sorting, filters, grouping and the exported workbook, so the screen and its .x...
0
Downloads
☆☆☆☆☆
Rating
0
Reviews
Grid JS — the typed browser data grid behind StockSharp web applications. One column declaration drives the header, rows, sorting, filters, grouping and the exported workbook, so the screen and its .xlsx stay in sync.
4
focused modules
0
runtime dependencies
.xlsx
native export
Persistent layout
Users can reorder, hide and restore columns; getState() and setState() serialize the view without coupling it to translated captions.
Existing HTML tables
ColumnSettings adds column ordering and visibility to a server-rendered table, while TableExport writes a real OOXML workbook without a third-party runtime library.
Declare a column once and reuse it for rendering, sorting and export:
import { DataGrid } from '@stocksharp/grids';
const grid = new DataGrid({
head: document.querySelector('#orders thead'),
body: document.querySelector('#orders tbody'),
columns: [
{ key: 'symbol', header: 'Symbol', value: row => row.symbol, exportable: true },
{ key: 'price', header: 'Price', value: row => row.price, exportable: true },
],
defaultSort: { col: 'symbol', dir: 'asc' },
rowKey: row => String(row.id),
});
grid.setRows(orders);
grid.download('orders', 'Orders');
The package also provides pinned summary rows, single or multiple selection, collapsible one-level groups, serializable filters, a customizable context menu, copy actions and a screen render limit that does not reduce exported data. Cell renderers may return real DOM nodes instead of HTML strings.
@stocksharp/grids ships as typed ESM and as the window.SSGrid browser bundle. The host application supplies visual styles, modal chrome and non-English labels. This is a client-side table toolkit, not a market-data source, trading engine, server-side data provider or virtualized infinite grid.