avue表格中常用属性介绍

该文章详细介绍了前端表格组件的各种配置选项,包括宽度、高度、边框、排序、对齐方式、操作菜单等,以及列属性如列名、字段、搜索、类型和编辑功能等,旨在帮助开发者更好地定制和使用表格界面。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

// width: “100%”,//表格宽度

// calcHeight: “auto”,//表格高度差(主要用于减去其他部分让表格高度自适应)

// height: “auto”,//表格高度

// maxHeight: “auto”,//表格最大高度

// border: true,//是否显示表格边框

// expand: false,//是否展开折叠行

// index: false,//是否显示表格序号(根据分页会自动计算,比如每页10行,到了第二页就会从11开始记数)

// indexLabel: “#”,//序号的标题

// stripe: true,//是否显示表格的斑马条纹

// showHeader: true,//是否显示表格的表头

// //defaultSort:表格的排序字段{prop:‘date’,order:‘descending/ascending’}prop默认排序字段,order排序方式

// align: “center”,//表格列对其方式left/center/right

// menu: true,//是否显示操作菜单栏

// menuWidth: 240,//操作菜单栏的宽度

// menuAlign: “left”,//菜单栏对齐方式left/center/right

// searchSize: “small”,//搜索控件的大小small/mini

// columnBtn: true,//列显隐按钮

// refreshBtn: true,//刷新按钮

// addBtn: true,//添加按钮

// searchBtn: true,//搜索显隐按钮(当column中有搜索的属性,或则searchslot为true时自定义搜索启动起作用)

// editBtn: true,//行内编辑按钮

// delBtn: true,//行能删除按钮

//列属性

// label:“租户ID”,//列名称

// prop:“id”,//列字段

// placeholder:“请输入租户ID”,//控件提示输入语句

// align:“left”,//列的对其方式,覆盖table的align

// //width://列宽度

// minWidth:“auto”,//列最小宽度

// sortable:false,//排序

// hide:true,//隐藏列 表格起作用

// span:12,//表单栅列

// //precision:2,//数字框输入精度(当type为number时)

// search:false,//是否支持搜索

// type:“input”,//input/select/radio/checkbox/textarea/cascader/date/time/datetime/daterange/timerange/datetimerange/week/month/year/dates/password/switch/tree

// //maxRows:4,//最大行(当type为textarea)

// //minRows:2,//最小行(当type为textarea)

// //multiple:false,多选(当type为select/tree时)

// //format:"",//显示值时间格式(当type为date/time/datetime/daterangetimerange/datetimerange/week/month/year/date

// //valueFormat:"",//真实值的时间格式(当type为date/time/datetime/daterangetimerange/datetimerange/week/month/year/dates)

// clearable:true,//表单清空

// size:“medium”,//表单大小medium/small/mini

// editDisabled:false,//表单编辑时是否禁止

// editDisplay:false,//表单编辑是否可见

// addDisabled:false,//表单编辑时是否禁止

// addDisplay:false,//表单编辑是否可见

// slot:false,//列自定义 支持自定义列

// formslot:false,//表单自定义

// // fixed:true,//冻结列

// formWidth:“auto”,//表单宽度

// formHeight:“auto”,//表单行高度

// overHidden:false,//超出隐藏

// //rules://表单规则,参考ele表单规则配置Object

// //dicData://传入本次需要的静态字典(在column中dicData写对象key值即可加载)

// //dicMethod://传入字典的请求方式

// //dicQuery://传入字典的请求参数Object

// //dicUrl://字典的网络请求接口(例如配置/xxx/xx/{{key}},这样的格式,在column中dicData自动匹配prop字段名)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值