@sibat-gs/el-table-bar

@author conquering3 @date: 2020-12-08 @update: 2021-04-07

Usage no npm install needed!

<script type="module">
  import sibatGsElTableBar from 'https://cdn.skypack.dev/@sibat-gs/el-table-bar';
</script>

README

@author conquering3
@date: 2020-12-08
@update: 2021-04-07

el-table-bar 使用 el-scrollbar 替换 el-table 原生的滚动条, 并固定表头

注意： 不能使用固定列操作

在 el-table-bar 中使用 slot, el-table 使用不变

props

@Prop({default: '100%'}) height 表内容固定高度

<el-table-bar >
    <el-table>
        <el-table-column></el-table-column>
    </el-table>
</el-table-bar>

如果height设置的百分比，则需要设置el-table-bar的高度，并且height计算时，要减去table的头部高度: 如48px

<el-table-bar style="height: 100%;" height="calc(100% - 48px)">
    <el-table>
        <el-table-column></el-table-column>
    </el-table>
</el-table-bar>