データグリッド JS

作成者 StockSharp

データグリッド JS — StockSharp の Web アプリケーションを支える、型付きのブラウザ向けデータグリッドです。1 つの列定義でヘッダー、行、並べ替え、フィルター、グループ化、エクスポートされるワークブックを制御するため、画面表示と .xlsx の内容を同期できます。 4特化モジュール0ランタイム依存関係.xlsxネイティブエクスポート DataGrid 型付きの行を描画し、ロケ...

ソースコード

0 ダウンロード数

☆☆☆☆☆ 評価

0 レビュー

データグリッド JS — StockSharp の Web アプリケーションを支える、型付きのブラウザ向けデータグリッドです。1 つの列定義でヘッダー、行、並べ替え、フィルター、グループ化、エクスポートされるワークブックを制御するため、画面表示と .xlsx の内容を同期できます。

4

特化モジュール

0

ランタイム依存関係

.xlsx

ネイティブエクスポート

DataGrid

型付きの行を描画し、ロケール対応の照合規則で並べ替え、テキスト、数値、または値セットでフィルターし、1 階層でグループ化しながら、安定した行キーによって選択状態を維持します。

永続化できるレイアウト

ユーザーは列を並べ替え、非表示にし、復元できます。getState() と setState() は、翻訳された見出しに依存せずビューをシリアライズします。

既存の HTML テーブル

ColumnSettings はサーバーでレンダリングされたテーブルに列の並べ替えと表示制御を追加し、TableExport はサードパーティーのランタイムライブラリを使わずに実際の OOXML ワークブックを書き出します。

列を一度だけ定義し、描画、並べ替え、エクスポートに再利用できます。

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');

このパッケージは、固定された集計行、単一選択または複数選択、折りたたみ可能な単階層グループ、シリアライズ可能なフィルター、カスタマイズ可能なコンテキストメニュー、コピー操作、エクスポート対象のデータを減らさない画面描画件数の上限も提供します。セルレンダラーは HTML 文字列ではなく実際の DOM ノードを返せます。

@stocksharp/grids は型付き ESM と window.SSGrid ブラウザバンドルとして提供されます。ビジュアルスタイル、モーダルの外観、英語以外のラベルはホストアプリケーションが用意します。これはクライアント側のテーブルツールキットであり、マーケットデータソース、取引エンジン、サーバー側データプロバイダー、または仮想化された無限グリッドではありません。

ライブデモ GitHub のソースコード npm パッケージ

ユーザーレビュー

ログインレビューを書くには

まだレビューはありません