iview table设置表格的最小列宽

iview在不指定width属性时默认是自动列宽的。

想要给某一列指定最小列宽只需要在属性添加 minWidth 属性即可

注意:

minWidth:"300px"这种写法是不行的 只有写存数字才生效

minWidth属性是 2.13 之后的版本才有的。 

附上官方字段说明

column

列描述数据对象,是 columns 中的一项

属性说明类型默认值
type列类型,可选值为 index、selection、expand、htmlString-
title列头显示文字String#
key对应列内容的字段名String-
width列宽Number-
minWidth最小列宽Number-
maxWidth最大列宽Number-
align对齐方式,可选值为 left 左对齐、right 右对齐和 center 居中对齐Stringleft
className列的样式名称String-
fixed列是否固定在左侧或者右侧,可选值为 left 左侧和 right 右侧String-
ellipsis开启后,文本将不换行,超出部分显示为省略号Booleanfalse
tooltip开启后,文本将不换行,超出部分显示为省略号,并用 Tooltip 组件显示完整内容Booleanfalse
render自定义渲染列,使用 Vue 的 Render 函数。传入两个参数,第一个是 h,第二个为对象,包含 row、column 和 index,分别指当前行数据,当前列数据,当前行索引,详见示例。 学习 Render 函数的内容Function-
renderHeader自定义列头显示内容,使用 Vue 的 Render 函数。传入两个参数,第一个是 h,第二个为对象,包含 column 和 index,分别为当前列数据和当前列索引。Function-
indexMethodtype 为 index 时可用,自定义序号Function,参数 row 为当前行内容-
sortable对应列是否可以排序,如果设置为 custom,则代表用户希望远程排序,需要监听 Table 的 on-sort-change 事件Boolean | 'custom'false
sortMethod自定义排序使用的方法,接收三个参数 a 、 b 和 type,当设置 sortable: true 时有效。type 值为 asc 和 descFunction-
sortType设置初始化排序。值为 asc 和 descString-
filters过滤数据的选项,格式为数组,数组中每项包含 label 和 value 属性,使用过滤,必须同时配置 filterMethodArray-
filterMethod数据过滤使用的方法,如果是多选的筛选项,对每一条数据会执行多次,任意一次返回 true 就会显示Function-
filterMultiple数据过滤的选项是否多选Booleantrue
filteredValue在初始化时使用过滤,数组,值为需要过滤的 value 集合Array-
filterRemote使用远程过滤Function-
children表头分组Array-

共勉

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值