English
Русский
Español
Deutsch
Português
日本語
DataGrid
渲染强类型数据行，使用感知区域设置的比较器进行排序，按文本、数字或值集合筛选，进行单级分组，并通过稳定的行键保留选择状态。
数据网格 JS
数据网格 JS — StockSharp Web 应用所使用的强类型浏览器数据网格。一次列声明即可驱动表头、数据行、排序、筛选、分组和导出的工作簿，使屏幕内容与其 .xlsx 文件始终保持一致。 4专用模块0运行时依赖.xlsx原生导出 DataGrid 渲染强类型数据行，使用感知区域设置的比较器进行排序，按文本、数字或值集合筛选，进行单级分组，并通过稳定的行键保留选择状态。 持久化布局 用户...
0
下载量
☆☆☆☆☆
评分
0
评价
数据网格 JS — StockSharp Web 应用所使用的强类型浏览器数据网格。一次列声明即可驱动表头、数据行、排序、筛选、分组和导出的工作簿，使屏幕内容与其 .xlsx 文件始终保持一致。
4
专用模块
0
运行时依赖
.xlsx
原生导出
持久化布局
用户可以重新排序、隐藏和恢复列；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');
该软件包还提供固定汇总行、单选或多选、可折叠的单级分组、可序列化的筛选器、可自定义的上下文菜单、复制操作，以及不会减少导出数据的屏幕渲染行数限制。单元格渲染器可以返回真正的 DOM 节点，而不是 HTML 字符串。
@stocksharp/grids 同时提供带类型的 ESM 和 window.SSGrid 浏览器包。宿主应用负责提供视觉样式、模态框界面和非英语标签。这是一套客户端表格工具，而不是市场数据源、交易引擎、服务端数据提供程序或虚拟化无限网格。