el-table设置斑马纹
时间: 2024-03-12 12:41:07 浏览: 250
element ui el-table 动态改变 单元格 的颜色.txt
el-table是Element UI中的一个表格组件,可以于展示数据。要设置斑马纹,可以通过设置表格的stripe属性为true来实现。
示代码如下:
```html
<template>
<el-table :data="tableData">
<!-- 表格列定义 -->
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [
// 表格数据
]
};
}
};
</script>
```
在上述代码中,通过给el-table组件的stripe属性设置为true,即可实现斑马纹效果。这样,表格的相邻行会有不同的背景色,以便更好地区分数据行。
阅读全文