FixedDataTable是一个React的官方Table控件,它支持标准表格功能,如定义表格头、尾、列、行、列分组,以及冻结列和滚动列等实用功能。
FixedDataTable与其他Table控件最为明显的不同之处在于他的高灵活性和可拓展性,还有其在处理大数据上的高效性。
FixedDataTable的功能如下:
1.可以固定Header和Footer
2.冻结列功能
3.处理海量大数据
4.自适应行高度
5.列长度自动调整
6.高性能的滚动
7.滚动API具有触摸支持(移动端)
如果您想学习更多的FixedDataTable知识,请浏览FixedDataTable的官网:http://facebook.github.io/fixed-data-table/
好了,那么下面,我们以下方图片为例,开始FixedDataTable的使用讲解,图片如下:
图片中包括了列冻结,列组,滚动,列自适应,筛选数据,排序,风格自定义这几种最常见的功能,下面我们废话不多说,看看这些功能,究竟需要多少代码。
第一步:安装fixeddatatable
方法一:打开控制台输入npm install fixed-data-table
方法二:在package.json中加入依赖后运行npm install