关于vxe-grid表格属性用法
<vxe-grid
:showfooter="false"
:columns="tableColumn"
:data="tableData"
resizable
border
:loading="loading"
ref="vxeGrid"
:height="gridHeight"
>
</vxe-grid>
columns:表格列展示属性
field:与data数据中的对象名一致时暂时数据
tableColumn: [
{ type: 'checkbox', width: 50 },
{ type: 'seq', title: '序号' },
{
field: 'UserCode',
title: '员工号',
resizable: true,
},
{
field: 'Name',
title: '姓名',
resizable: true,
},
{
field: 'Sex',
title: '性别',
resizable: true,
},
{
field: 'DepartName',
title: '部门',
resizable: true,
},
{
field: 'Phone',
title: '手机号',
resizable: true,
width: 'miniwidth',
},
],
data:表格内容数据。
showfooter:用来显示是否展示合计
loading:表格是否显示加载中效果
height:表格高度设置