search

x-extends / vxe-table

Vxe table 的表格组件
https://vxetable.cn
MIT License
7.66k stars 1.06k forks source link

表头吸顶和水平滚动条吸底 #2596

Open ayongs5 opened 1 month ago

ayongs5 commented 1 month ago

这个需求解决了什么问题：

我目前的需求有动态列以及表尾动态数据以及支持行编辑保存，固定列以及动态列都比较多，使用el-table会有明显的卡顿，因为动态表尾数据太多，限定max-height就看不到多少数据，所以没办法使用max-height来固定表头，滑动到最下面看不见表头，在最上面看不见表尾和拖拽水平滚动条，目前水平滚动条问题暂时可以通过shift+滚轮解决，但是表头这儿使用自定义指令来手动添加指令来到达吸顶的效果，固定元素.vxe-table--header-wrapper的话，固定列不能吸顶，会有问题

建议的 API 是什么样的：

其他el-table和ant都有类似的功能或者工具

是否已有其他不错的替代方案：

No response

是否使用当前最新版本？

qq1031824970 commented 1 week ago

在官方添加此功能前你可以尝试用我这个方法，我封装好了表头吸顶和滚动条吸底，确实比较常用https://qq1031824970.github.io/x-anything/hooks/useVxeTable.html

ayongs5 commented 1 week ago

在官方添加此功能前你可以尝试用我这个方法，我封装好了表头吸顶和滚动条吸底，确实比较常用 https://qq1031824970.github.io/x-anything/hooks/useVxeTable.html

我这边环境是vue2.6 node.js是14.14.0，安装这个插件有问题 image

qq1031824970 commented 4 days ago

在官方添加此功能前你可以尝试用我这个方法，我封装好了表头吸顶和滚动条吸底，确实比较常用 https://qq1031824970.github.io/x-anything/hooks/useVxeTable.html

我这边环境是vue2.6 node.js是14.14.0，安装这个插件有问题 image

写的3的，你可以把前150行的代码改一改在2里用，就一点css和创建一个滚动条，https://github.com/qq1031824970/x-anything/blob/master/packages/hooks/useVxeTable.ts