设置 Ant Design Vue 的 a-table 的 Column 的 width 不起作用

我给 keyword 列添加 width 一点作用都没有

const columns = [
    {
        title: "ID(keyword_task_id)",
        dataIndex: "id",
        key: "id",
    },
    {
        title: "创建时间(UTC)",
        dataIndex: "created_at",
        key: "created_at",
    },
    {
        title: "关键词",
        dataIndex: "keyword",
        key: "keyword",
        // width: 3000,
    },
    {
        title: "公司 ID",
        dataIndex: "company_id",
        key: "company_id",
    },
    {
        title: "期望数量",
        dataIndex: "nums",
        key: "nums",
    },
    {
        title: "起始日期",
        dataIndex: "start_date",
        key: "start_date",
    },
    {
        title: "是否跳过过滤",
        dataIndex: "skip_filter",
        key: "skip_filter",
    },
    {
        title: "追踪源 ID",
        dataIndex: "track_source_id",
        key: "track_source_id",
    },
    {
        title: "优先级",
        dataIndex: "priority",
        key: "priority",
    },
    {
        title: "元数据 UUID",
        dataIndex: "meta_uuid",
        key: "meta_uuid",
    },
    {
        title: "搜索结果个数",
        dataIndex: "len_parse_result_list",
        key: "len_parse_result_list",
    },
    {
        title: "完成时间(UTC)",
        dataIndex: "updated_at",
        key: "updated_at",
    },
    {
        title: "重新推送关键字",
        dataIndex: "virtualColumnRepush",
        key: "virtualColumnRepush",
    },
];

然后我参考了：ant-design-vue的table组件如何自适应列宽？ 获取了一些灵感

给 a-table 添加了 :scroll="{ x: 3000 }" 就行了，当然这个 3000 可以改成你觉得合适的任意值