东莞企业网站排名优化,获得网站后台地址,wordpress 卸载主题,深圳龙华区福城街道技术要点#xff1a;
1、使用 :row-class-namesetRowClassName 设置表格行类名
2、不能同时使用 stripe
3、设置行类名的样式
应用效果#xff1a; 同时使用 stripe 出来的效果#xff1a; 参考代码#xff1a;
ReagentTable.vue
script setup lang
1、使用 :row-class-namesetRowClassName 设置表格行类名
2、不能同时使用 stripe
3、设置行类名的样式
应用效果 同时使用 stripe 出来的效果 参考代码
ReagentTable.vue
script setup langts nameReagentTable
......// 设置表格行类名
const setRowClassName ({ row, rowIndex }: { row: IReagent; rowIndex: number }) {// 奇数行if ((rowIndex 1) % 2 1) {return odd-row;}// 偶数行else {return even-row;}
};......
/scripttemplatedivel-table......:row-class-namesetRowClassName............/el-table/div
/templatestyle scoped langscss
// 表格奇数行样式
::v-deep .el-table .odd-row {background-color: #d4f3d6;
}// 表格偶数行样式
:deep .el-table .even-row {background-color: #f3d3e0;
}
/style
