自定义列/表头

# 自定义列/表头

设置需要自定义列的 slotName

例如设置为jobnoSlot

自定义列头默认为${prop}_header

CrudTable 基于 ProTable 二次封装,用法一致,此处用 ProTable 作为示例。

# 使用方法

# 示例一(各列不同插槽)

[
  {
    "prop": "jobno",
    "label": "工号(自定义列)",
    "minWidth": "100",
    "align": "center",
    "headerAlign": "center",
    "showOverflowTooltip": true,
    "sortable": "custom",
    "slotName": "jobnoSlot", // 此处设置插槽名
    "searchable": true
  },
  {
    "prop": "personname",
    "label": "姓名",
    "minWidth": "100",
    "align": "center",
    "headerAlign": "center",
    "showOverflowTooltip": true,
    "sortable": "custom",
    "slotName": "personnameSlot", // 此处设置插槽名
    "searchable": true
  }
]

# 示例二(共用插槽)

[
  {
    "prop": "jobno",
    "label": "工号(自定义列)",
    "minWidth": "100",
    "align": "center",
    "headerAlign": "center",
    "showOverflowTooltip": true,
    "sortable": "custom",
    "slotName": "columnFormatter", // 共用columnFormatter插槽
    "searchable": true
  },
  {
    "prop": "personname",
    "label": "姓名",
    "minWidth": "100",
    "align": "center",
    "headerAlign": "center",
    "showOverflowTooltip": true,
    "sortable": "custom",
    "slotName": "columnFormatter", // 共用columnFormatter插槽
    "searchable": true
  }
]

# CrudTable综合示例

自定义操作列,数据列,表头