全愉婉 发表于 7 天前

vue vxe-table 自适应列宽,根据内容自适应宽度的2种使用方式

vue vxe-table 自适应列宽,根据内容自适应宽度的2种使用方式
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
第一种,整列根据内容自适应宽度

整列根据内容自适应宽度,包括表头、表体、表尾同时自定义宽度,适用需要完整显示的场景

<template>

    <vxe-grid v-bind="gridOptions"></vxe-grid>

</template>第二种,仅表体单元格根据内容自适应宽度

仅表体单元格根据内容自适应宽度,表头和表尾不根据内容自适应宽度,适用内容不宽的字段就非常合适了
通过 columnConfig.autoOptions 来配置

<template>

    <vxe-grid v-bind="gridOptions"></vxe-grid>

</template>https://gitee.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: vue vxe-table 自适应列宽,根据内容自适应宽度的2种使用方式