全局 给el-table 加属性 striped
时间: 2024-09-20 19:11:00 浏览: 41
vxe-table vue表格解决方案-其他
在Element UI中,如果你想在全局范围内给所有的`el-table`元素添加斑马纹样式(即交替行高亮),可以通过在`<el-table>`组件上设置`striped`属性来实现。这个属性告诉Element UI每一行应该有不同的背景颜色,使数据更易读。
示例代码如下:
```html
<template>
<div>
<el-table :data="tableData" striped> <!-- 表格数据tableData在这里 -->
<!-- ... table列配置 -->
</el-table>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [
// 表格数据列表
]
};
},
};
</script>
```
当`striped`属性存在时,Element UI会默认按照奇数行和偶数行分别应用不同的背景颜色。如果你需要自定义这种样式,也可以通过CSS覆盖默认样式。
阅读全文