English
中文
Español
Deutsch
Português
日本語
DataGrid
Отображайте типизированные строки, сортируйте с учётом локали, фильтруйте по тексту, числу или набору значений, группируйте на одном уровне и сохраняйте выбор по стабильному ключу строки.
Грид JS
Грид JS — типизированный браузерный грид, лежащий в основе веб-приложений StockSharp. Одно объявление колонки управляет заголовком, строками, сортировкой, фильтрами, группировкой и экспортируемой книг...
0
загрузок
☆☆☆☆☆
Рейтинг
0
отзывов
Грид JS — типизированный браузерный грид, лежащий в основе веб-приложений StockSharp. Одно объявление колонки управляет заголовком, строками, сортировкой, фильтрами, группировкой и экспортируемой книгой, поэтому данные на экране и в файле .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. Приложение-хост предоставляет визуальные стили, оформление модальных окон и неанглийские подписи. Это клиентский инструментарий для таблиц, а не источник рыночных данных, торговый движок, серверный поставщик данных или виртуализированный бесконечный грид.