宝哥软件园

layui单击按钮添加可编辑的单行方法

编辑:宝哥软件园 来源:互联网 时间:2021-08-30

昨天成功添加了一行。今天希望添加的行可以用单元格编辑。

但是发现添加edit :‘text’后,不能编辑单元格,但是原始数据可以。因此,通过浏览器调试原始数据的样式,如图所示:

因此,通过点击按钮添加一行tr标签的方法修改如下:

$('#addTable ')。单击(function(){ var tr=' tr ' ' TD data-field=' domainId ' data-edit=' text ' div class=' layui-table-cell laytable-cell-1-domainId ' 11/div/TD ' ' TD data-field=' colName ' data-edit=' text ' div class=' layui-table-cell-1-colName ' 22/div/TD ' ' TD data-field=' typeName ' data-edit=' text ' div class=' layui-table-cell lay$('.layui-表体。layui-table t body’)。追加(tr);});效果如下:

以上在layui中点击按钮添加可编辑行的方法,都是边肖分享的内容,希望能给大家一个参考和支持。

更多资讯
游戏推荐
更多+