关于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"
<ProTable
ref="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;
}