在项目中利用element组件写后台管理管理系统,需求需要汇总数据固定在第一行,而组件里只有固定在最后一行,所以修改了下样式便可以解决问题:如下所示:
/deep/ .el-table{
display: flex;
flex-direction: column;
}
/deep/ .el-table__body-wrapper {
order: 1;
}
/deep/ .el-table__fixed-body-wrapper {
top:96px ! important;
}
/deep/ .el-table__fixed-footer-wrapper {
z-index: 0;
}
切记:一定要添加<style scoped></style>
注意:/deep/存在兼容性问题,使用时需要格外注意