English
Русский
中文
Español
Deutsch
日本語
DataGrid
Renderize linhas tipadas, ordene com um comparador sensível à localidade, filtre por texto, número ou conjunto de valores, agrupe em um único nível e preserve a seleção por uma chave de linha estável.
Grade de dados JS
Grade de dados JS — a grade de dados tipada para navegador usada pelos aplicativos web da StockSharp. Uma única declaração de coluna controla o cabeçalho, as linhas, a ordenação, os filtros, o agrupam...
0
Downloads
☆☆☆☆☆
Classificação
0
Avaliações
Grade de dados JS — a grade de dados tipada para navegador usada pelos aplicativos web da StockSharp. Uma única declaração de coluna controla o cabeçalho, as linhas, a ordenação, os filtros, o agrupamento e a pasta de trabalho exportada, mantendo a tela e seu arquivo .xlsx sincronizados.
4
módulos especializados
0
dependências em tempo de execução
.xlsx
exportação nativa
Layout persistente
Os usuários podem reordenar, ocultar e restaurar colunas; getState() e setState() serializam a visualização sem vinculá-la aos títulos traduzidos.
Tabelas HTML existentes
ColumnSettings adiciona ordenação e visibilidade de colunas a uma tabela renderizada pelo servidor, enquanto TableExport grava uma pasta de trabalho OOXML real sem uma biblioteca externa em tempo de execução.
Declare uma coluna uma vez e reutilize-a na renderização, na ordenação e na exportação:
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');
O pacote também oferece linhas de resumo fixadas, seleção simples ou múltipla, grupos recolhíveis de um único nível, filtros serializáveis, menu de contexto personalizável, ações de cópia e um limite de renderização na tela que não reduz os dados exportados. Os renderizadores de células podem retornar nós DOM reais em vez de strings HTML.
@stocksharp/grids é distribuído como ESM tipado e como o pacote de navegador window.SSGrid. O aplicativo host fornece os estilos visuais, a interface dos modais e os rótulos em outros idiomas. Este é um conjunto de ferramentas de tabelas do lado do cliente, não uma fonte de dados de mercado, um mecanismo de negociação, um provedor de dados do lado do servidor nem uma grade infinita virtualizada.