将 el-table 中的滚动条置与fixed 的上层或者最上层 给出代码示例
时间: 2024-02-09 12:11:37 浏览: 69
可以使用 `z-index` 属性来控制元素的层级。将滚动条的层级设置为比表格的层级更高即可。
以下是一个示例代码:
```
<template>
<div>
<el-table :data="tableData" style="width: 100%; z-index: 1;">
<!-- table columns -->
</el-table>
<div style="overflow-x: auto; z-index: 2;">
<el-table :data="tableData" style="width: 100%;">
<!-- table columns -->
</el-table>
</div>
</div>
</template>
```
上述代码中,我们在 el-table 外包裹了一个带有滚动条的 div 元素,并将其层级设置为比 el-table 更高。这样就可以将滚动条置于 el-table 的上层了。
需要注意的是,该示例代码中的 `z-index` 值仅适用于该示例场景。实际使用时,可能需要根据具体情况进行调整。
阅读全文