•問題描述：想實(shí)現(xiàn)點(diǎn)擊按鈕在表格添加一行的功能，但發(fā)現(xiàn)layuii并未集成該工具欄，因此，需要自己手動(dòng)添加這個(gè)功能；

創(chuàng)新互聯(lián)主營丹陽網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都app開發(fā),丹陽h5微信小程序開發(fā)搭建,丹陽網(wǎng)站營銷推廣歡迎丹陽等地區(qū)企業(yè)咨詢

•原先我寫的table是這樣實(shí)現(xiàn)的：

$("#addTable").click(function(){
     var tr=" "+
       " 11"+
       " 22"+
       " 33"+
       " 44"+
       " 55"+
       " ";         
   $(".layui-table").append(tr);
  });

并不能實(shí)現(xiàn)添加的效果；后查詢后發(fā)現(xiàn)，這樣做是基于table是用靜態(tài)的方式編寫的，即：

   

    

     
ID
     
用戶名
     
性別
     
城市
     
簽名
     
積分
     
評(píng)分
     
職業(yè)
     
財(cái)富
    
   
  

而我用的是這樣的方式：

關(guān)于列名的定義是寫在table.render({}）方法中的

•解決方案：將table改寫成靜態(tài)的方式即可，即第二部分代碼
•此時(shí)出現(xiàn)新問題：每點(diǎn)擊一次會(huì)出現(xiàn)兩條數(shù)據(jù)，應(yīng)做如下修改：$(".layui-table-body .layui-table").append(tr);

最后即可實(shí)現(xiàn)點(diǎn)擊按鈕新增一條數(shù)據(jù)的效果。

總結(jié)

以上所述是小編給大家介紹的layui點(diǎn)擊按鈕給table添加一行，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持！