-
2021-02-01 07:57:11
方案一
layui的数据表格集成了查看编辑删除等功能,但新增功能官方文档却没有提及,当业务需求需要点击新增一行时,可用如下方式实现
实现的思路是:当点击新增一行时,把之前的数据保存下来,并在数据尾部增加一行空数据
然后将新数据重新载入表格
var dataBak = []; //定义一个空数组,用来存储之前编辑过的数据已经存放新数据
var tableBak = table.cache.stock_add_table;
//获取之前编辑过的全部数据,前提是编辑数据是要更新缓存,stock_add_table 为表格的id
for (var i = 0; i < tableBak.length; i++) {
dataBak.push(tableBak[i]); //将之前的数组备份
}
在尾部新增一行空数据,实现增行效果
dataBak.push({
"stockInCargo": ""
,"stockInNum": ""
,"stockInPrice": ""
,"stockCargoTime": ""
,"stockInCompany": ""
});
table.reload("stock_add_table",{
data:dataBak // 将新数据重新载入表格
})
原文:https://blog.csdn.net/rj_han/article/details/80664068
方案二
解决方案:将table改写成静态的方式即可,即第二部分代码
此时出现新问题:每点击一次会出现两条数据,应做如下修改: $(".layui-table-body .layui-table").append(tr); 最后即可实现点击按钮新增一条数据的效果。
更多相关内容 -
(一)Word中如何将表格断开,并且增加空的一行
2021-01-11 12:39:33在使用word中表格时,有时候希望从当中断开,并且在中间添加一行空白,方便添加文字,如下图所示: 将一个4行的表格,弄成2个2行的表格,并且当中要多出一行,那么快捷键如下: 选中要断开的那一行,ctr+shift...在使用word中表格时,有时候希望从当中断开,并且在中间添加一行空白,方便添加文字,如下图所示:
将一个4行的表格,弄成2个2行的表格,并且当中要多出一行,那么快捷键如下:
选中要断开的那一行,ctr+shift+enter即可断开
-
Layui表格-新增一行空的表格
2019-07-17 21:39:54新增一行空的表格,但是这个这个功能在官方文档 并没有介绍;如果你需要用到以上功能的话,可以 使用下面的方法; 当项目需求需要点击新增一行时,可用如下方 式实现: “employeeNum”: “123” , “telp...开发工具与关键技术:Visual Studio 2015
撰写时间:2019.7.17layui的数据表格功能十分强大,集成了非常
多的功能;最近项目遇到一个问题,就是需要点击
新增一行空的表格,但是这个这个功能在官方文档
并没有介绍;如果你需要用到以上功能的话,可以
使用下面的方法;
当项目需求需要点击新增一行时,可用如下方
式实现:
“employeeNum”: “123” ,
“telphone”: “456”,
“address”: “789”
这些数字123456789会赋值在新增的空表格里面,
如果不需要的可以删除掉,所需代码以上所述,下面放上效果的
这是没有点击新增之前的,点击新增之后:
这是点击新增之后的,点击一次就会新增一行空的表格; -
excel表格末尾添加一行_在EXCEL表格中,快速插入多行、多列的技巧
2020-11-18 11:37:41在使用Excel过程中,我们会遇到需要插入相同格式的多行或多列,如果一行行或一列列的插入,对于插入的数量较少的情况还是适用的。可是如果需要插入上百的行或列,使用此方法就比较费时费力啦。分享几个小技巧实现...在使用Excel过程中,我们会遇到需要插入相同格式的多行或多列,如果一行行或一列列的插入,对于插入的数量较少的情况还是适用的。可是如果需要插入上百的行或列,使用此方法就比较费时费力啦。分享几个小技巧实现快速插入多行或多列.,会让你的工作效率提升不少。
一、快速插入多行
假定在图示的表格中,需要在序号5的上面插入8行,如何实现呢?
首先,打开需要插入多行的Excel表格,然后将鼠标放置在序号5的左侧行号的位置处,此时鼠标就会变成向右的黑色箭头,再点击一下鼠标左键,这样鼠标所在的序号5这一行就被选中啦。接着还是将鼠标放置表格最左侧,然后按住鼠标左键不放,同时向下移动8行,这样就会同时选中8行。如动图所示:
选中后,我们再单击鼠标右键,然后在弹出的扩展框中单击"插入"选项,这样Excel表格中就增加了与选中行一样数量的空白行。如图所示:
我们就可以在新插入的区域内输入想要的内容了。
二、隔行插入一行
如果一行一行的插入,太费时费力了。其实,可以通过添加辅助列,快速实现隔一行插入一行,如动图所示:
在辅助列里输入自然数,之后再复制一次,选中辅助列排序,就实现了隔行插入一行,最后删除辅助列即可。
三、插入多列
将鼠标放置在某列的最上侧处,此时鼠标就会变成向下的黑色箭头,再点击一下鼠标左键,这样鼠标所在的这一行就被选中啦!如图所示:
然后我们按照插入多行的方法,选中多列,接着单击鼠标右键,选中"插入"选项,这样表格就插入了与选中列相同数量的空白列。如图所示:
怎么样,你学会了吗?那就关注&收藏起来备用吧!
-
word文档表格中间出现空白怎么解决
2021-06-25 05:27:30话题:word文档表格中间出现空白怎么解决?回答:word和execl使用技巧在Word中我们可以把着重号请到工具栏上。打开“工具—自定义”命令选项,打开“自定义”对话框。在“命令”卡下的“类别”栏里选中“所有命令”... -
React实现点击按钮,表格添加一行的效果
2018-12-11 16:51:30这几天基于react写了一个小demo测试,主要实现的功能是:在输入框中输入文字,点击添加按钮,在下方的表格中会自动添加一行数据,点击删除按钮后,该行数据被删除。 先来看看最后的效果图: 操作前 操作... -
elementui表格下追加一行其他数据
2020-05-13 16:57:55<template> <el-table :data="tableData" ref='table' border style="width: 100%"> <el-table-column prop="id" label="ID" width="180"> </el-table-column>...el-table-column prop=... -
Layui表格手动添加一行和删除一行
2019-04-26 19:50:15css代码: <table class="layui-hide" id="demo" lay-filter="demo"></table>...首先要对表格渲染下 var addata = [{//可以赋值 "LocationNumber": "" , "InventoryQuantity": "" ... -
如何插入公式以求和Word中表格的一列或一行?
2021-07-27 05:27:23如何插入公式以求和Word中表格的一列或一行?您可能知道如何在Excel中求和或计算数据,但是您知道如何对Word文档中的表的列或行中的数据求和吗? 让我们谈谈在Word中计算表中数据的方法。在Word中对表的列求和惊人!... -
在latex中强制空白一行或者数行
2021-08-31 09:42:37在要空一行的位置加上 \hspace*{\fill} \ 即可 -
快速填充空单元格-快速填充上一行或者下一行数据
2021-06-22 11:57:16图1-51所示的表格A列至D列存在大量空单元格,现在需要把这些空单元格填充为上一行的数据,如何快速准确地完成? 利用定位填充法,可以迅速达到目的。下面是具体的方法和步骤。 01 选择A列至D列。 02 按F5键... -
专题一:Labview表格控件 及 应用(四) 在表格中删除一行数据
2021-04-13 19:57:08在表格中删除一行数据 最近一段时间,做试验台上位机编程,老是用到表格控件,这几天抽时间专门写一个表格控件的专题。有用到的朋友可以参考一下。 今天接着讲一下,表格控件的数据删除和清空,和与之相关的操作 1.... -
excel表格多行空白,让空白行临近上方的数据自动填充到空白行
2019-11-14 12:01:14空白行临近上方的数据自动填充到空白行 Excel 中很多间断空白行,为了不影响美观,会考虑填充,【智能填充(win Ctrl+E/mac Command+E)】,但是智能填充,只适用于一次使用,现在需求可能有成千上万的间断空行,要... -
Qt tablewidget 获取表格一行内容并显示在下一行
2018-08-08 09:27:16在构造函数使用前两句设置每次点击... ... 然后通过循环使用text().toStdString()获取item的内容并显示到指定的item上 ui->tableWidget-&...setItem(now_row+1,now_column,e);...//设置选择行为时每次选择一行 ... -
Word、WPS中表格的第一行和第二行中间间距,如何去掉,使得跟其他行间距相同
2020-05-01 10:52:18Word、WPS中表格的第一行和第二行中间间距,如何去掉,使得跟其他行间距相同 Word或wps表格已经设计好了很多表格样式供大家使用。如图1 图1 当不想第一行和第二行的间距相同时,取消首行填充即可,如果不间距未变,... -
word中的表格如何增加一列 word表格怎么增加一列
2021-07-27 08:12:05要怎样在Word的表格中增加一列Word表格中:将光标定位在表格最后一行右端(表格外)的回车符处,按回车键即在表格最后增加一行。事实上,在表格的任何位置处增加一行,只要将光标定位在该行表格外的回车符处,按回车键... -
怎么样在excel表格里面每隔一行插入一个空行
2018-07-14 18:29:352、选中数据列和辅助列,点击排序和筛选命令,进行自定义排序,以辅助列为关键字进行升序排列,排序完成后,即可实现隔行插入一行。3、最终效果:转自 https://zhidao.baidu.com/question/320383772.h... -
点击按钮增加一行表格
2017-12-26 16:24:37点击按钮增加一行表格 做此功能我们要用到两个方法: insertRow(): insertRow() 方法用于在表格中的指定位置插入一...insertCell() :insertCell() 方法用于在 HTML 表的一行的指定位置插入一个空的 元素。 ; char -
excel快速自动填充空白单元格上一行的内容
2021-12-23 15:11:31Excel WPS2019验证成功了 1、选择数据区域 2、选择定位条件中的空值 按Ctrl+G、Ctrl+F或者F5调出定位对话框,点选左下角的【定位条件】。 ... 按照上述操作完毕后,所有的空白单元格就都被选中了。... -
ant design table 表格空白
2020-05-18 16:43:39据我查找,情况可能有如下几点: 1、table设置了tableLayout:fixed,导致每个格子的css的color:transparent改变了原来的颜色 2、table的columns设置了ellipsis导致表格变成了tableLayout:fixed 3、table的columns设置... -
excel WPS批量删除表格中某一列为空的行数据
2019-04-09 10:13:24如下截图Excel,我们想删除E列为空的行数据(即黄颜色的行数据),如何批量操作呢: 1.鼠标左键选中E列。 2.键盘输入,组合键:Ctrl+G,调出定位弹窗。 3.勾选空值K。 4.点击定位,鼠标右键,定位到的... -
JS实现:纵向表格,且可在当前行下方添加一行
2020-04-10 17:22:14想在哪项下面加一行就在哪里加一行,想删除哪行就删除哪行。就要竖着的表格,不要横着的。如下图: 例如:在身高那一行下方想加一个 胸围 100cm ,就点击“在下方添加行” 于是在下方出现一行空行 实现过程 一、... -
解决给word中表格设置“跨页断行”后出现大片空白
2021-11-17 21:47:56解决给word中表格设置“跨页断行”后出现大片空白 在写文档时出现了如下难堪情景,那个字他就是不到下一页去,它不想分开,就硬给它分开。 解决办法:在表格处右击,“表格属性”—“行”—“允许跨页断行” 问题... -
word2019表格占满一页但多了一页空白
2020-06-11 11:53:47Word表格占满了一整页,但是下面多了一页空白页,空白页只有一个换行符,直接Delete或者Backspace都不好使,表格缩小一点空白页就没有了,不缩小表格也可以这么做: 1.先隐藏编辑标记 2.选择空白页的换行符,右键... -
layui数据表格实现新增一行并将已编辑的数据保存一起重载
2020-05-31 11:50:39集合网上的一些资料后整理出较为实用的layui数据表格新增的办法!...3.在页面新增的功能中添加一个空数组,并将数据表格里的字段的数据添加空值,这是用来给表格新增一行。 4. 然后在表格的toolbar的新增按钮js里写上 -
【word技巧】————1、使用跨页断行去除表格底部的空白
2019-04-09 14:40:58情形 当你在填写一个Word表格时,有时候你填写到一半发现明明后面显示还有空白,但是当你增加内容的...当你增加一行时,表格就会自动跳到下一页 解决方法: 右键——》表格属性——》行——》允许跨页断行 ... -
element-ui table表格多出一空白列
2020-08-15 11:51:26原因: el-table的宽度是100%,给每一个el-table-column设置宽度之后就会有这个问题 解决方法: 删除其中一个el-table-column的宽度 -
Layui给数据表格动态添加一行并跳转到添加行所在页
2018-01-20 01:48:53Layui数据表格动态添加一行问题 Layui是一个前端 UI 框架,该框架风格优雅,但由于发布时间较短,很多功能并没有提供实现。 笔者在使用Layui的数据表格的时候,需求是这样的:当点击添加按钮的时候,就在数据表格...