找回密码
 立即注册
首页 业界区 业界 vxe-table grid 分享实现单元格编辑表格表尾合计实时计 ...

vxe-table grid 分享实现单元格编辑表格表尾合计实时计算

杓疠? 昨天 10:24
在使用 vxe-grid 时,需要实现表尾合计功能,通过单元格编辑之后,实时自动计算表尾合计的值,自动更新表尾合计数据,实现方式通过监听change 事件,从而实现实时更新合计功能。
官网:https://vxetable.cn
1.gif

可以使用插槽模板,也可以使用配置式,下面是配置式的用法:
  1. <template>
  2.   
  3.     <vxe-button status="primary" @click="insertEvent">新增</vxe-button>
  4.     <vxe-grid ref="gridRef" v-bind="gridOptions">
  5.       <template #action="{ row }">
  6.         <vxe-button mode="text" status="error" @click="removeRow(row)">删除</vxe-button>
  7.       </template>
  8.     </vxe-grid>
  9.   
  10. </template>
复制代码
https://gitee.com/xuliangzhan/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
您需要登录后才可以回帖 登录 | 立即注册