基于 elementUI table 组件实现自定义列、宽度、排序并联动同步
作者:linong
来源:SegmentFault 思否社区
哈喽,大家好又是我。昨天有个人在群里问:“基于 elementUI 如何实现拖动修改列宽度,并同步在多个表格中”。
这个功能其实听常见的,在不同的使用者眼中关注点就应该是不一样的。比如:
项目的主管,更关心进度 前端开发,关心设计稿、接口什么时候提供 后端开发,关心前端什么时候写完,什么时候联调 测试人员,关心什么时候提测,以及对应人员是谁
前期调研
elementUI 支持那些功能、回调?
宽度控制
是否提供了回调函数? header-dragend(newWidth, oldWidth, column, event)
当拖动表头改变了列的宽度的时候会触发该事件是否提供了API用于获取当前宽度配置?没有提供 宽度是否可以通过参数控制?提供,给 el-table-column
组件添加width
属性即可。参数是首次有效,还是动态更新?动态更新所以可以使用 :width
是否提供了拖拽调整宽度的方案?添加 border
,并且开启resizable
(默认开启)。字段顺序 顺序是否可以通过参数控制?没提供,看了一遍并且搜索 排序、顺序、index 等关键词并无收获。主要排序能力都是对内容区域。 如果无法通过参数配置,那么通过什么地方可以影响到排序规则?我们可以通过修改 <el-table-column>
的顺序来控制。
分析
关注公众号:拾黑(shiheibook)了解更多
赞助链接:
关注数据与安全,洞悉企业级服务市场:https://www.ijiandao.com/
四季很好,只要有你,文娱排行榜:https://www.yaopaiming.com/
让资讯触达的更精准有趣:https://www.0xu.cn/

随时掌握互联网精彩
- 英镑兑换人民币汇率2024年8月1日
- 美元兑人民币汇率2023年5月13日
- 如何用苹果设备给别人签名?
- 彻底拥抱eSIM,还需要做什么
- 第5届中国—东盟信息港论坛将于9月16日在广西南宁举办
- 习近平在省部级主要领导干部“学习习近平总书记重要讲话精神,迎接党的二十大”专题研讨班上发表重要讲话
- 工业软件:云上很美,上云很难
- 未来海战新变化引领下的反舰导弹发展新趋势
- 凭什么一代就逆袭成功?3060游戏本“二当家”在消费者心目中是个啥样?
- 博士五年,我在清华做时序数据库
- 美国国家标准与技术研究院发布“关键软件”定义,响应拜登“改善国家网络安全”行政令
- 官宣!前微软研发经理邹欣加入 CSDN 担任副总裁,CSDN 重磅招揽一流人才
赞助链接