找回密码
 立即注册
首页 资源区 代码 vxe-table 工具栏的内置功能按钮怎么修改顺序以及自定义 ...

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

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

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

代码
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions">
  4.       <template #name_edit="{ row }">
  5.         <vxe-input v-model="row.name"></vxe-input>
  6.       </template>
  7.       <template #nickname_edit="{ row }">
  8.         <vxe-input v-model="row.nickname"></vxe-input>
  9.       </template>
  10.       <template #role_edit="{ row }">
  11.         <vxe-input v-model="row.role"></vxe-input>
  12.       </template>
  13.       <template #address_edit="{ row }">
  14.         <vxe-input v-model="row.address"></vxe-input>
  15.       </template>
  16.     </vxe-grid>
  17.   
  18. </template>
复制代码
自定义位置后的效果

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

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

来源:豆瓜网用户自行投稿发布,如果侵权,请联系站长删除

相关推荐

您需要登录后才可以回帖 登录 | 立即注册