如何修改表格右侧按钮

如图,如何修改表格右侧的按钮,不显示图标,只显示文字

2个回答默认排序 投票数排序
fenglei
fenglei
这家伙很懒,什么也没写~
1月前

过滤按钮数组:

const optButtons: OptButton[] = defaultOptButtons(['weigh-sort', 'edit', 'delete']).map((item)=>{
    if(item.name == 'edit'){
        item.text = '编辑'
        item.icon = ''
    }
    return item
})

效果:

按钮全部字段说明:

 {
    // 渲染方式:tipButton=带tip的按钮,confirmButton=带确认框的按钮,moveButton=移动按钮
    render: 'tipButton',
    // 按钮名称
    name: 'info',
    // 鼠标放置时的 title 提示
    title: '按钮名称',
    // 直接在按钮内显示的文字,title 有值时可为空
    text: '按钮名称',
    // 按钮类型,请参考 element plus 的按钮类型
    type: 'primary',
    // 按钮 icon
    icon: '',
    class: 'table-row-info',
    // tipButton 禁用 tip
    disabledTip: false,
    // 自定义点击事件
    click: (row: TableRow, field: TableColumn) => {

         

    },
    // 按钮是否显示,请返回布尔值
    display: (row: TableRow, field: TableColumn) => {
        return true
    },
    // 按钮是否禁用,请返回布尔值
    disabled: (row: TableRow, field: TableColumn) => {
        return false
    },
    // 自定义el-button属性
    attr: {}
}
    
sinkey
sinkey
这家伙很懒,什么也没写~
1月前

这个文档里写的很完整了 可以看下

请先登录
0
1
1
2