1. 确定el-table的横向滚动条隐藏方法 要隐藏el-table的横向滚动条,我们可以通过CSS的overflow-x属性将其设置为hidden。这将阻止滚动条的出现,但需要注意的是,这可能会导致内容被截断或无法完全显示。 2. 在el-table的样式中添加隐藏横向滚动条的CSS规则 你可以通过直接修改el-table的CSS样式来隐藏滚动条。这里有...
首先,我们需要给表格的外层容器设置overflow-x: hidden的样式,以隐藏溢出的内容。 .custom-table{overflow-x:hidden;} 1. 2. 3. 接下来,我们需要给表格的每一行添加一个class,并设置该class的overflow-x样式为scroll,以显示横向滚动条。 .custom-table .el-table__body-wrapper tbody tr{overflow-x:scroll;} ...
通过f12可以看到el-table的最外层表头类名为:.el-table__header-wrapper;最外层表内容的类名:.el-table__body-wrapper;(合计行位于表尾)最外层表尾的类名:.el-table__footer-wrapper。 所以可以通过这三个的样式进行控制,实际上是只显示总体table的横向滚动条,表头、表内容和表尾都是visible,为了防止全局样式...
el-table-v2 Reproduction Link Element Plus Playground Steps to reproduce 总共有15列数据,但是无法完全显示,也无法通过鼠标进行左右滚动 What is Expected? 能通过滚动看到右边被隐藏的数据 What is actually happening? 横向无法通过鼠标进行滚动 Additional comments 属性设置为 fixed 时横向滚动条样式没有问题,fixed...