table表格编辑

约定不等于承诺〃 2022-09-09 00:09 403阅读 0赞

<vxe-table
                  border
                  show-overflow
                  ref="xTable"
                  class="my_table_insert"
                  max-height="400"
                  :data="tableData"
                  :edit-config="{ trigger: 'click', mode: 'row', icon: 'fa fa-pencil', }"
                >
                  <vxe-table-column
                    field="periodNum"
                    title="期数"
                    :edit-render="{ name: 'input' }"
                  ></vxe-table-column>
                  <vxe-table-column field="amountDeducted" title="扣款金额（元）" :edit-render="{ autofocus: '.vxe-input--inner' }" >
                    <template v-slot:edit="{ row }">
                      <el-input type="number" @mousewheel.native.prevent v-model="row.amountDeducted"></el-input>
                    </template>
                  </vxe-table-column>
                  <vxe-table-column field="mechanicalName" title="机械名称" :edit-render="{name: 'input'}"></vxe-table-column>
                  <vxe-table-column field="combinedPrice" :edit-render="{name: 'input'}" title="合价(元)">
                      <template #default="{ row }">
                        <span>{ {   countAmount(row) }} 元</span>
                      </template>
                    </vxe-table-column>
                  <vxe-table-column field="operation" title="操作">
                    <template v-slot="{ row }">
                      <template>
                        <vxe-button @click="removeEvent(row)">删除</vxe-button>
                      </template>
                    </template>
                  </vxe-table-column>
                </vxe-table>

发表评论取消回复

表情：

评论列表（有 0 条评论，403人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue+typescript Table 动态编辑表格

子组件 <template>  <section class="table-box"> <el-ta

男娘i/ 2023年03月02日 05:26/ 0 赞/ 62 阅读

相关 vue elementUI el-table 表格双击可编辑

<template> //表格也可以写成原生的table <el-table :data="addPlanRoute" border style="wi

快来打我*/ 2023年01月20日 15:52/ 0 赞/ 23 阅读

相关 table表格

一、table的table-layout属性： 1、table-layout: fixed;表示平均分配。列数不定，宽度自动平均分配： table {

骑猪看日落/ 2023年01月16日 02:58/ 0 赞/ 346 阅读

相关 html表格无法编辑,html 可编辑表格

场景：HTML+JS兑现可编辑表格 HTML+JS实现可编辑表格实现可视化编辑表格操作... HTML文件: 编辑表格数据可编辑的表格 <table>

ゝ一世哀愁。/ 2022年10月09日 13:28/ 0 赞/ 439 阅读

相关 jQuery可编辑的table表格插件

[下载地址][Link 1]jQuery表格编辑添加删除行插件，table表格插件，默认设置json数据动态生成表格。 ![1630270285.png][] dd:

不念不忘少年蓝@/ 2022年09月09日 06:14/ 0 赞/ 457 阅读

相关 table表格编辑

<vxe-table border show-overflow

约定不等于承诺〃/ 2022年09月09日 00:09/ 0 赞/ 404 阅读

相关 MATLAB如何使用table函数创建和编辑表格？

1. 转载于百度知道。 2. table(列表1,列表2,列表3...)可以创建一个表格，其中的列表n可以是数值列向量，逻辑值列向量，categorical列向量，元胞数组

ゞ浴缸里的玫瑰/ 2022年05月20日 06:00/ 0 赞/ 760 阅读

相关编辑layui表格

开发工具与关键技术：SQL Server 2014与jquery 作者：戴怡斌撰写时间：2019年7月26日在学习jquer

爱被打了一巴掌/ 2021年11月23日 23:26/ 0 赞/ 696 阅读

相关 Table表格

table表格现状主要用在网页布局上，但是随着Web2.0时代的到来，表格已经被摒弃了，现在主要开始使用的是“DIV+CSS”模式。常用的

亦凉/ 2021年11月11日 11:01/ 0 赞/ 647 阅读

相关 bootstrap-table 表格行内编辑实现

这篇文章向大家介绍一下如何使用bootstrap table插件实现表格的行内编辑功能。先放一张效果图：

朱雀/ 2021年02月01日 16:27/ 0 赞/ 1114 阅读