# datagrid **Repository Path**: mirrors_TrySound/datagrid ## Basic Information - **Project Name**: datagrid - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-09-26 - **Last Updated**: 2026-02-08 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # datagrid [![Build Status][travis-img]][travis] [travis-img]: https://travis-ci.org/TrySound/datagrid.svg [travis]: https://travis-ci.org/TrySound/datagrid Declarative reactive table with unidirectional data flow ## API ### Grid component **data** **columns** ```js [ { name: string, displayName: string, minWidth: number, width: number || string, // 120, '60%' depends on viewportWidth maxWidth: number, pinnedLeft: boolean, pinnedRight: boolean, enableResizing: boolean, enableMoving: boolean, enableFiltering: boolean, enableSorting: boolean, sort: null | 'asc' | 'desc', placeholder: string, filter: string } ] ``` **gridState** ``` // predefined behaviors { moving?: { name: string, left: string, right: string }, selectedIndex?: number, pager?: { page: number, size: number } } ``` **callback** `(action: Action) => void` **scrollTop** `number` **viewportWidth** `number` **viewportHeight** `number` **headerHeight** `number` **rowHeight** `number` **columnComponent** ```js ({ gridState, callback, column, index: number, // columnIndex last: boolean, // is the last column ghost: boolean // is column moving ghost }) => nodes ``` **rowComponent** ```js ({ gridState, columns, // columns with width callback, datum, // row data index: number // row index }) => nodes ``` ### reducer Coming soon... ### selectGridData Coming soon... ### withScrollProps Coming soon... ## License MIT © [Bogdan Chadkin](mailto:trysound@yandex.ru)