[element-ui] el-table 表格吸底 固定最后一行
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[element-ui] el-table 表格吸底 固定最后一行相关的知识，希望对你有一定的参考价值。
<el-table
:data="tableData"
style="width: 100%"
stripe
:row-class-name="rowClass"
>
<template v-for="(item, i) in tableHeader">
<el-table-column
:key="i"
:label="item.label"
:prop="item.prop"
show-overflow-tooltip
></el-table-column>
</template>
</el-table>
rowClass(row, column, rowIndex, columnIndex)
if(row.startTime == 合计：)
return fixed-row
.el-table
.el-table__body
// 吸底
.fixed-row.el-table__row
display: table-row;
position: sticky;
bottom: 0;
width: 100%;
td
border: 1px solid #fff;
box-shadow: 2px -2px 3px 0px #ddd;
参考：
element-ui 表格吸底固定最后一行
以上是关于[element-ui] el-table 表格吸底 固定最后一行的主要内容，如果未能解决你的问题，请参考以下文章
element-ui el-table表格排序sortable参数解析
Vue——element-UI el-table表格根据搜索条件表格值改变颜色
element-ui中el-table表格的使用（如何取到当前列的所有数据）