关于el-table的扩展表格expand

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

<el-table-column width="35" type="expand" :align="'center'"> 正常用width修改即可，默认不给width有时候会很宽。

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

/* 调整宽度 */:deep(.el-table__expand-column .cell) {width: 30px; /* 调整为你想要的宽度 */// }

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

<ProTableref="childTable":columns="childColumns":data="scope.row.children":tool-button="false":pagination="false":card="false"header-row-class-name="childHeader"></ProTable>

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