Research and analysis of the third-party dependency library Ag grid

AG Grid rely on

In order to realize the display requirements of page tables , Technical research conducted
Official website address ：https://www.ag-grid.com/
GitHub Address ：https://github.com/ag-grid/ag-grid

Core requirements

1、 Big data support

AG Grid It has the form of virtual list scrolling to greatly improve the rendering performance . Meet the support of large amount of data .
Official statement ：https://www.ag-grid.com/react-data-grid/dom-virtualisation/

Demo Example ： simulation 10 Ten thousand rendering data

2、 classification

AG Grid have Group Group and Tree Data The concept of tree data , It has the function of multi-level display . Meet the needs of hierarchical display .
However, no special function to realize grouping custom style was found
Official statement ：https://www.ag-grid.com/react-data-grid/tree-data/

Demo Example ： The official sample

3、 Export styles to Excel

AG Grid Yes Excel The export of provides a special mechanism , You can add styles to export to Excel file .
Official statement ：https://www.ag-grid.com/react-data-grid/excel-export-styles/

Demo Example ： The following figures are the official website pages demo Exhibition 、 Official website demo After downloading Excel Exhibition 、 The actual development sets the simple style after downloading Excel

Other functional requirements

1. Support one click to expand and close all tree structures 、 Support to expand the tree structure by level 、 Support judgment condition expansion tree structure
   Official statement ：https://www.ag-grid.com/react-data-grid/server-side-model-grouping/#expand-all–collapse-all
2. Support column movement 、 Filter 、 Sort, etc
3. Support language localization configuration
4. Support to customize the style settings of the right-click pop-up menu

FAQ

1、 The dependency library is divided into community version and enterprise version . The enterprise version can be tried for free , But it is required not to be used in reproduction projects .
The tree structure in the core requirements is classified and exported as Excel All functions belong to the enterprise version
Official statement ：https://www.ag-grid.com/react-data-grid/licensing/
Pricing instructions ：https://www.ag-grid.com/license-pricing/