【资源说明】 基于react-window 库编写的一个超灵活的表格源码+项目说明.zip 安装 ```shell npm install @yangfei-ui/react-window-table ``` 或 ```shell yarn add @yangfei-ui/react-window-table ``` 启动开发环境 ```shell yarn yarn dev ``` 重构计划 - 抽离拖拽组件,降低耦合度,使用封装好的拖拽组件,进行处理 - 增加自定义增删列功能,也就是说,用户可以直接在界面操作增加列,减少列 - 单元格配置化封装,增强单元格的扩展能力和想象力 - 支持基础表格显示,增加简单表格的使用场景 - 支持纯数据结构的参数传入,生成表格,降低使用难度 - 支持css全局变量,进行样式调整 功能特点 - 表格渲染,使用虚拟列表,支持滚动分页请求数据。 - 滚动分页的触发位置,支持自定义。 - 每个表头的单元格,自定义渲染 - 每个列的单元格,自定义单独渲染, 函数渲染,返回参数:行数据、行索引。 - 支持排序组件,自定义渲染,多列排序,支持主动开启关闭。 - 支持筛选组件,自定义渲染,多列筛选,支持主动开启关闭。 - 表头宽度,可拖拽,支持自定义默认宽度, 支持关闭拖拽 - 表格支持,行在滚动的时候,渲染不一样的内容 - 表格行高,表头行高,都支持自定义高度 - 文字布局,支持设置,左对齐和居中对齐 - 支持表头行的样式自定义 - 支持表格行的样式自定义,使用函数渲染,返回参数:行索引。 - 表头列的顺序支持拖拽变更,支持开关该功能 - 支持行选中,行反选,全部选中,全部反选。支持主动启用关闭该功能。 - 支持分别或同时锁定左右 n 列,传参数生效。 - 表格支持,顶部 n 列锁定,传参数生效。 - 支持自定义空态图渲染,传参数生效。 - 表格支持多行标题,传参数生效。(注: 多行之间的列存在上下级的树形关系,列拖拽不能跨越父分支)。 - 表格支持行点击事件,传参数生效。 - 支持分组展示,需要自己在外部定义渲染逻辑。 - 行选中,默认显示行号,hover之后显示checkbox, 自身被选中或者子元素被选中,则checkbox选项框会持续显示。 有可能的计划 考虑使用canvas渲染表格,替换react-window,整个项目重写,模块化、配置化。列可配置、单元格可配置,表头可配置 应该是重开一个项目做这个事情,替换react-window等于把最底层的逻辑推翻了。 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!
- 1
- 粉丝: 5623
- 资源: 3567
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 农村信用社联合社计算机信息系统投产与变更管理办.docx
- 农村信用社联合社计算机信息系统数据管理办法.docx
- 利用SPSS作临床效度分析线上计算网站介绍-医学研究部统计谘.(医学PPT课件).ppt
- 利用Zabbix监控mysqldump定时备份数据库状态.docx
- 利用计算机解决问题的基本过程.doc
- 化工铁路通信工程总结.doc
- 北京大学网络教育软件工程作业.docx
- 医药公司(连锁店)计算机操作规程未新系统的自行按照旧制修改-新系统过制的编号加修模版.doc
- 医药公司(连锁店)计算机系统操作规程模版.doc
- 医药连锁门店计算机系统的操作和管理程序未新系统的自行按照旧制修改-新系统过制的编号加修模版.docx