列表配置

该配置是 vxe-table grid的属性(https://vxetable.cn/#/grid/api?apiKey=grid), 可以通过元数据修改机制,覆盖此配置

完整配置:

{
    columns: [{field:'newField1',order:2,visible:false}],//visible 可见
    sortConfig: {
        multiple: true, //多个排序
        defaultSort: [{ field: 'id', order: 'asc' }]
    }
}

配置示例1:

{
    columns: [{field:'newField1',order:2,visible:false,width:100}]
}

函数属性需要写成字符串形式:

例如需要配置 column的formatter

columns:[
    {
        field:'enabled',
        formatter: ({cellValue,column,row,rowIndex,columnIndex})=>{
            return cellValue?'是':'否';
        }
    }
]

就得转string格式:

columns:[
    {
        field:'enabled',
        formatter: "$FN:({cellValue,column,row,rowIndex,columnIndex})=>{ return cellValue?'是':'否'; }"
    }
]

function识别标记:

  // "$FN:" 开头
 "$FN:function(n1,n2){return n1+n2}"

 // "function(" 开头
 "function(n1,n2){return n1+n2}"

 // "function " 开头
 "function (n1,n2){return n1+n2}"

列表字段 id字段 显示label:

如果不是 默认配置 比如:
{
  custom_id:'11'
  custom:{name:'张三'}
  //下划线开头为默认配置 _custom:{name:'张三'}
}
props:
{
   valueTitleFieldName: 'custom.name'
}

列表字段 成员字段 显示label:

 成员控件类型,假设
 {
     type:'userSelector',
     field:user
 }

如果user详情字段不是默认规则 “_user”(前面加下划线) ,比如是userInfo:

 {
 user:'user111',
 userInfo:{avatar:'',nickName:'张三'}
 }

则可以手动配置

 {
     type:'userSelector',
     field:user,
    props:{
        userDetailFieldName: 'userInfo'
    }
 }