avue表格常用属性

option: {
        title:'表格的标题',
        align:'center',         // 表格列齐方式
        menuAlign:'center',     // 菜单栏对齐方式
        columnBtn:false,        //列动态显隐按钮
        refreshBtn:false,       // 刷新按钮
        saveBtn:false,          // 保存按钮;
        updateBtn:false,       // 更新按钮
        cancelBtn:false,       // 行编辑取消按钮
        addBtn:false,         // 表格新增按钮
        delBtn:false,         // 行删除按钮
        editBtn:false,       // 行编辑按钮
        selection: false,   // 去除表头复选框
  }
// 表格属性
 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字段名)
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值