关于el-table的扩展表格expand

一、修改el-table的扩展表格expand图标所在列的宽度

 正常用width修改即可,默认不给width有时候会很宽。

如果想修改单元格里面的样式,可用如下代码

/* 调整宽度 */

:deep(.el-table__expand-column .cell) {

 width: 30px; /* 调整为你想要的宽度 */

// }

二、修改展开表格的表头样式 ,header-row-class-name=".childHeader"

:deep(.childHeader > th) {
  background-color: #f5f5f5 !important;
  color: #666 !important;
}

你可能感兴趣的:(前端,javascript,vue.js)