AntV使用（Table表格组件 ）

使用Table表格设置固定高度问题

scroll y 轴固定高度 x : max-content
1. 操作栏 设置宽度 和 fixed: ‘right’, Y 轴 滚动条会在外部
2. 操作栏 设置 fixed: ‘right’, 不设置宽度 会多出空白列
3. 操作栏 不设置fixed ,不设置宽度 正常

scroll y 轴固定高度 x : true
不能设置true 表格位置错位，空白列

scroll y 轴固定高度 x : 1000 (设置固定宽度)
** 父级设置宽度
表格正常，xy都有滚动条

1. 滚动条会在外部
   

<template>
        <div style=" box-sizing: border-box;padding: 30px;">
            <a-table  bordered :scroll="{ y: 'calc(100vh - 180px)',x:true }" :columns="columns" :data-source="data" :pagination="ipagination"
             >
            <a slot="action" slot-scope="text">
                <a-button>删除</a-button>
            </a>
        </a-table>
</template>
<script>

const columns = [
        {
            title: 'Address',
            dataIndex: 'address',
            key: 'address',
            ellipsis: true,
        },
        {
            title: 'age',
            dataIndex: 'age',
            key: 'age',
            ellipsis: true,
        },
        {
            title: 'name',
            dataIndex: 'name',
            key: 'name',
            ellipsis: true,
        },
        {
            title: 'checked',
            dataIndex: 'checked',
            key: 'checked',
            ellipsis: true,
        },

        {
            title: 'tags',
            dataIndex: 'tags',
            key: 'tags',
            ellipsis: true,
        },

        {
            title: '操作',
            dataIndex: 'action',
            key: 'action',
            // fixed: 'right',
            // width:200,
            scopedSlots: { customRender: 'action' }
        },
    ];
    const data = [];
    for (let i = 0; i < 100; i++) {
        data.push({
            key: i,
            title:i,
            name: `Edward King ${i}`,
            age: i,
            checked:i/2===0?'true':'false',
            address: `London, Park Lane no. London, Park Lane noLondon, Park Lane noLondon, Park Lane noLondon, Park Lane no${i}`,
        });
    }
 export default{
    data(){
         return {
                data,
                columns,
                selectedRowKeys: [],
                ipagination: {
                    current: 1,
                    pageSize: 20,
                    pageSizeOptions: ['3', '10', '20', '30'],
                    showTotal: (total, range) => {
                        return range[0] + '-' + range[1] + ' 共' + total + '条'
                    },
                    showQuickJumper: true,
                    showSizeChanger: true,
                    total:100
                },
            }
    }
} 
</script>