elementplus 表格方向
时间: 2023-08-30 18:11:22 浏览: 44
element-plus的表格方向可以通过el-scrollbar组件来控制。如果不需要固定表头,可以在el-scrollbar组件外套一层el-table组件,如下所示:
```
<el-scrollbar>
<el-table></el-table>
</el-scrollbar>
```
如果需要固定表头,可以添加style属性将el-scrollbar组件隐藏起来,如下所示:
```
<el-scrollbar style="display: none">
<el-table></el-table>
</el-scrollbar>
```
此外,还可以通过表格的回调方法给表头和表单的方格cell添加边框样式。通过设置headerCellStyle和cellStyle回调函数,可以为除最后一列之外的列添加右边框,代码如下所示:
```
const headerCellStyle = ({columnIndex}) => {
if (columnIndex !== 2) {
return {
borderRight: "1px #eee solid",
}
}
}
const cellStyle = ({columnIndex}) => {
if (columnIndex !== 2) {
return {
borderRight: "1px #eee solid"
}
}
}
```
通过以上方法,可以实现对element-plus表格的方向和边框样式的控制。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [elementplus el-table当表格的长度大于容器的宽度导致剩下的无法显示出来](https://blog.csdn.net/Yajyaj123/article/details/126872834)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [element表格去除border边框同时有竖直方向的边框](https://blog.csdn.net/weixin_44001222/article/details/128354872)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]