自定义表头

TIP

1.0.8+

普通用法

自定义表头 - 图1

调用renderHeader函数即可自定义表头,具体操作看如下例子

  1. <avue-crud ref="crud" :option="option" :data="data"></avue-crud>
  2. <script>
  3. export default {
  4. data() {
  5. return {
  6. option: {
  7. column: [{
  8. label: '姓名',
  9. prop: 'name',
  10. renderHeader: (h, { column, $index }) => {
  11. return h('div',[
  12. h('el-tag', column.label),
  13. h('spam', '自定义表头'),
  14. ])
  15. },
  16. }, {
  17. label: '年龄',
  18. prop: 'sex'
  19. }]
  20. },
  21. data: []
  22. }
  23. }
  24. }
  25. </script>

Variables

参数说明类型可选值默认值
renderHeader列标题 Label 区域渲染使用的FunctionFunction(h, { column, $index })