iview 动态table 列宽度

iview是一款基于Vue.js的UI组件库，其中包含了丰富的组件，其中包括动态table组件。对于iview的动态table组件来说，设置列宽度有两种方式。

第一种方式是通过在columns字段中设置width属性来设置列宽度。例如：

columns: [
    {
        title: '姓名',
        key: 'name',
        width: 100 // 设置姓名列的宽度为100px
    },
    {
        title: '年龄',
        key: 'age',
        width: 80 // 设置年龄列的宽度为80px
    },
    // 其他列...
]

第二种方式是通过自定义列的slot插槽来设置列宽度。通过这种方式，可以灵活地自定义列的内容和样式。例如：

<template>
    <Table :columns="columns">
        <template slot-scope="{ row }" slot="name">
            <div style="width: 100px;">{{ row.name }}</div>
        </template>
        <template slot-scope="{ row }" slot="age">
            <div style="width: 80px;">{{ row.age }}</div>
        </template>
    </Table>
</template>

<script>
export default {
    data() {
        return {
            columns: [
                {
                    title: '姓名',
                    key: 'name',
                },
                {
                    title: '年龄',
                    key: 'age',
                },
                // 其他列...
            ]
        }
    }
}
</script>

通过以上两种方式，可以灵活地设置iview动态table组件中的列宽度。根据需求选择适合的方式来设置表格列的宽度，以便展示合适的数据内容。