English
Русский
中文
Español
Português
日本語
DataGrid
Typisierte Zeilen darstellen, mit einem gebietsschemaabhängigen Vergleicher sortieren, nach Text, Zahl oder Wertemenge filtern, auf einer Ebene gruppieren und die Auswahl anhand eines stabilen Zeilenschlüssels beibehalten.
Datentabelle JS
Datentabelle JS — die typisierte Browser-Datentabelle hinter den StockSharp-Webanwendungen. Eine einzige Spaltendeklaration steuert Kopfzeile, Zeilen, Sortierung, Filter, Gruppierung und die exportier...
0
Downloads
☆☆☆☆☆
Bewertung
0
Bewertungen
Datentabelle JS — die typisierte Browser-Datentabelle hinter den StockSharp-Webanwendungen. Eine einzige Spaltendeklaration steuert Kopfzeile, Zeilen, Sortierung, Filter, Gruppierung und die exportierte Arbeitsmappe, sodass die Bildschirmanzeige und ihre .xlsx-Datei synchron bleiben.
4
spezialisierte Module
0
Laufzeitabhängigkeiten
.xlsx
nativer Export
Persistentes Layout
Benutzer können Spalten neu anordnen, ausblenden und wiederherstellen; getState() und setState() serialisieren die Ansicht, ohne sie an übersetzte Beschriftungen zu koppeln.
Vorhandene HTML-Tabellen
ColumnSettings ergänzt eine serverseitig gerenderte Tabelle um Spaltenreihenfolge und Sichtbarkeit, während TableExport ohne eine externe Laufzeitbibliothek eine echte OOXML-Arbeitsmappe schreibt.
Deklarieren Sie eine Spalte einmal und verwenden Sie sie für Darstellung, Sortierung und Export wieder:
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');
Das Paket bietet außerdem fixierte Summenzeilen, Einzel- oder Mehrfachauswahl, einklappbare einstufige Gruppen, serialisierbare Filter, ein anpassbares Kontextmenü, Kopieraktionen sowie ein Limit für die Bildschirmdarstellung, das die exportierten Daten nicht reduziert. Zellrenderer können echte DOM-Knoten anstelle von HTML-Zeichenketten zurückgeben.
@stocksharp/grids wird als typisiertes ESM und als Browser-Bundle window.SSGrid ausgeliefert. Die Hostanwendung stellt visuelle Stile, die Oberfläche der modalen Dialoge und nicht englische Beschriftungen bereit. Dies ist ein clientseitiges Tabellen-Toolkit und keine Marktdatenquelle, Trading-Engine, serverseitiger Datenprovider oder virtualisierte Endlostabelle.