事值 发表于 3 天前

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

来源:豆瓜网用户自行投稿发布,如果侵权,请联系站长删除
页: [1]
查看完整版本: vxe-table 工具栏的内置功能按钮怎么修改顺序以及自定义样式