English
Русский
中文
Deutsch
Português
日本語
DataGrid
Renderiza filas tipadas, ordénalas con un comparador sensible a la configuración regional, filtra por texto, número o conjunto de valores, agrupa en un solo nivel y conserva la selección mediante una clave de fila estable.
Cuadrícula de datos JS
Cuadrícula de datos JS — la cuadrícula de datos tipada para navegador que utilizan las aplicaciones web de StockSharp. Una sola declaración de columna controla la cabecera, las filas, la ordenación, l...
0
Descargas
☆☆☆☆☆
Calificación
0
Reseñas
Cuadrícula de datos JS — la cuadrícula de datos tipada para navegador que utilizan las aplicaciones web de StockSharp. Una sola declaración de columna controla la cabecera, las filas, la ordenación, los filtros, la agrupación y el libro exportado, de modo que la pantalla y su archivo .xlsx se mantienen sincronizados.
4
módulos especializados
0
dependencias en tiempo de ejecución
.xlsx
exportación nativa
Diseño persistente
Los usuarios pueden reordenar, ocultar y restaurar columnas; getState() y setState() serializan la vista sin vincularla a los títulos traducidos.
Tablas HTML existentes
ColumnSettings añade ordenación y visibilidad de columnas a una tabla renderizada por el servidor, mientras que TableExport genera un libro OOXML real sin una biblioteca externa en tiempo de ejecución.
Declara una columna una sola vez y reutilízala para renderizar, ordenar y exportar:
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');
El paquete también proporciona filas de resumen fijadas, selección simple o múltiple, grupos plegables de un solo nivel, filtros serializables, un menú contextual personalizable, acciones de copia y un límite de renderizado en pantalla que no reduce los datos exportados. Los renderizadores de celdas pueden devolver nodos DOM reales en lugar de cadenas HTML.
@stocksharp/grids se distribuye como ESM tipado y como paquete de navegador window.SSGrid. La aplicación anfitriona proporciona los estilos visuales, la interfaz de los modales y las etiquetas en otros idiomas. Es un conjunto de herramientas de tablas del lado del cliente, no una fuente de datos de mercado, un motor de negociación, un proveedor de datos del lado del servidor ni una cuadrícula infinita virtualizada.