elementtable表格合计⾏置顶
element table⾃带合计⾏功能
只需将show-summary设置为true即可（可以查看官⽅api）element表格，默认为表格尾部添加合计⾏
在实际业务需求中，可能会要求合计⾏置顶，⽽不是展⽰为表格尾部，只需添加对应代码即可
（注：/deep/某些预处理器（例如Sass）可能⽆法>>>正确解析，改写为::v-deep即可，参照 Vue Loader 官⽹介绍）
/*添加以下两⾏css即可实现*/element表格横向滚动条
::v-deep .el-table{
display:flex;
flex-direction:column;
}
::v-deep .el-table__body-wrapper{
order:1
}
/*如果表格有固定列，则需要添加以下两⾏代码*/
::v-deep .el-table__fixed-body-wrapper{
top:96px !important;
}
::v-deep .el-table__fixed-footer-wrapper{
z-index: 0;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。