SOURCE

_vm = new Vue({
            el: '#app',
            data: {
                formColumns: formColumns,
                columns: columns,
                tableData: tableData,
                selectNum: 1,
                filters: filters,
                selectFilterId: 2,
                fields: fields
            },

            methods: {
                onLoadMore(){
                    console.log('onLoadMore')
                },
                onSelect(selection, row) {
                    // this.selectNum = selection.length;
                },
                onSelectCancel(selection, row) {
                    // this.selectNum = selection.length;
                },
                onSelectAll(selection) {
                    // this.selectNum = selection.length;
                },
                onSelectionChange(selection) {
                    this.selectNum = selection.length;
                },
                handleDeleteFilter(id) {
                    this.filters = this.filters.filter(f => f.id !== id);
                },
                handleCreateFilter(filter) {
                    console.log(filter)
                },
                handleClickFilter(filter) {
                    this.selectFilterId = filter.id;
                },
                handleCloseTool() {
                    this.selectNum = 0;
                },
                handleSaveColunmSetting(columns) {
                    this.columns = columns;
                },
                dbClick() {
                    console.log('dbClick')
                },
                handleHeaderDragend(width, oldwidth, column, event) {
                    console.log(width, oldwidth, column, event)
                },
                handleSearch(value) {
                    this.tableData = this.tableData.filter(
                        item => item.name.indexOf(value) > -1
                    );
                }
            },
            mounted() {
                const self = this;
                // window.onresize = function () {
                //     self.tableHeight = document.documentElement.clientHeight - 173;
                // };
            }
        });

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js">
</script>
    <link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css">
<script src="https://cdn.jsdelivr.net/npm/iview/dist/iview.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/xinya-table@1.0.0/dist/xinya-table.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/xinya-table@1.0.0/demo/mock.js">
</script>

<div id="app">
        <h2>操作栏</h2>
        <table-tool top="30" left="2" :select-num="selectNum" @on-close-tool="handleCloseTool">
            <tool-item name="修改"></tool-item>
        </table-tool>
        <div style="height: 40px"></div>
        <h2>搜索栏</h2>
        <table-search show-create show-export @on-table-search="handleSearch"></table-search>
        <h2>自定义筛选</h2>
        <custom-filter @on-delete-filter="handleDeleteFilter" @on-create-filter="handleCreateFilter" :filters="filters"
            :fields="fields" :select-filter-id="selectFilterId" @on-click-filter="handleClickFilter"></custom-filter>
        <h2>表格</h2>
        <xinya-table @on-load-more="onLoadMore" height="500" border ref="tables" :data="tableData" :columns="columns" :form-columns="formColumns"
            @on-row-dblclick="dbClick" @on-select="onSelect" @on-select-cancel="onSelectCancel" @on-select-all="onSelectAll"
            @on-selection-change="onSelectionChange" @header-dragend="handleHeaderDragend" @on-save-column-setting="handleSaveColunmSetting">
            <slot name="header" slot="header">
            </slot>
            <slot name="footer" slot="footer"></slot>
            <slot name="loading" slot="loading"></slot>
        </xinya-table>
    </div>