• 自定义表头
    • 普通用法
    • Variables

    自定义表头

    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 })