首先,设置表格外边框:
其次取消表格内部边框
这个用来取消表格里面td的边框
::v-deep .el-table__row > td {
/* 去除表格线 */
border: none;
}
这个用来取消表格头部tr的标签斑马纹
自定义颜色设置表格内部宽高
【elementUI|element-ui的el-table属性修改,如内边框,斑马纹,列宽度...】1.
2.在methods中写,根据判断你可以自由设置单数行还是双数行变颜色
tableRowClassName({ row, rowIndex }) {
if (rowIndex % 2 == 0) {
return "warning-row";
} else {
return "";
}
},
3.在style里面写样式
::v-deep .el-table__row.warning-row {
background: red;
}
设置行高每天学一点,迟早成仙!!!
设置列宽
推荐阅读
- 政采云前端小报第118期
- Koa|koa返回前端响应后,后台静默做其他操作
- vue|vue+xlsx实现表格的导入导出
- js|jsonp跨域
- vue|vue打包后dist的使用
- electron|electron修改vue项目打包后的exe图标
- vue|vuex的使用
- vue|vue中代理解决跨域
- vue.js|vue开发搜索框防抖的优化和日常报错,