倡遍竽 发表于 2025-9-30 11:38:26

vxe-table 工具栏的内置功能按钮怎么修改顺序以及自定义样式

vxe-table 工具栏的内置功能按钮怎么修改顺序以及自定义样式
在开启导入、导出、打印、刷新、全屏、自定义等功能后,那几个按钮是固定在右上角的
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
默认的效果是

那么如何修改位置以及对应的样式呢,方法很简单

代码

<template>

    <vxe-grid v-bind="gridOptions">
      <template #name_edit="{ row }">
      <vxe-input v-model="row.name"></vxe-input>
      </template>
      <template #nickname_edit="{ row }">
      <vxe-input v-model="row.nickname"></vxe-input>
      </template>
      <template #role_edit="{ row }">
      <vxe-input v-model="row.role"></vxe-input>
      </template>
      <template #address_edit="{ row }">
      <vxe-input v-model="row.address"></vxe-input>
      </template>
    </vxe-grid>

</template>自定义位置后的效果

内置按钮的样式和位置都可以随意更换

https://gitee.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

阴昭昭 发表于 2025-11-11 05:02:27

懂技术并乐意极积无私分享的人越来越少。珍惜

懵诬哇 发表于 2026-1-11 22:52:27

分享、互助 让互联网精神温暖你我

僚娥 发表于 2026-1-21 12:20:25

谢谢分享,辛苦了

赘暨逢 发表于 2026-1-21 14:38:18

前排留名,哈哈哈

蒲善思 发表于 2026-1-26 11:49:12

感谢分享,学习下。

窟聿湎 发表于 2026-1-26 12:08:40

感谢分享,学习下。

圣罩 发表于 2026-1-27 05:55:13

谢谢分享,辛苦了

锄淫鲷 发表于 2026-2-3 22:12:46

用心讨论,共获提升!

骆贵 发表于 2026-2-6 01:45:14

感谢,下载保存了

徙办 发表于 2026-2-6 11:44:21

东西不错很实用谢谢分享

顶豌 发表于 2026-2-6 16:32:37

感谢发布原创作品,程序园因你更精彩

晖顶蝇 发表于 2026-2-7 04:26:50

感谢,下载保存了

碛物 发表于 2026-2-8 00:23:55

谢谢楼主提供!

祝娜娜 发表于 2026-2-10 18:17:32

这个好,看起来很实用

敛饺乖 发表于 2026-2-11 02:54:30

热心回复!

卜笑 发表于 14 小时前

感谢分享
页: [1]
查看完整版本: vxe-table 工具栏的内置功能按钮怎么修改顺序以及自定义样式