v-table-resize

1.0.13 • Public • Published

安装步骤

npm install v-table-resize -S

import vTableResize from "v-table-resize"
Vue.use(vTableResize)

参数配置

参数 说明 类型 可选址 默认值
observerName 当前组件的name名称 string
bottomOffset 底部el-pagination组件的高度 如果没有改组件 设置值0即可, 值为能够转换数字的值 number 50

示例

    <template>
        <el-table height='0px' 
            ref='elTable'
            v-table-resize="{
            observerName: 'platform-claim-form',
            bottomOffset: 50
            }"
        >
        </el-table>
    </template>
    export default {
        name: 'platform-claim-form'// 路由页组件的名字
    }
    height='0px' 必须设置 为了table能够滚动
    

如果列表寻在合计功能 需要在合集方法手动调用表格的doLayout方法

    <template>
        <el-table height='0px' 
            ref='elTable'
            v-table-resize="{
            observerName: 'platform-claim-form',
            bottomOffset: 50
            }"
            show-summary
            :summary-method="getSummaries"
        >
        </el-table>
    </template>
    export default {
        name: 'platform-claim-form' ,// 路由页组件的名字
        methods: {
            getSummaries () {
                this.$nextTick(() => { // 异步任务
                this.$refs.elTable && this.$refs.elTable.doLayout()
                })
            }
        }
    }
    height='0px' 必须设置 为了table能够滚动
    

Package Sidebar

Install

npm i v-table-resize

Weekly Downloads

1

Version

1.0.13

License

MIT

Unpacked Size

5.06 kB

Total Files

4

Last publish

Collaborators

  • tangxuefeng