使動態創建表格的列可編輯

朋友我創建了一個動態表格，它在數據到達時進行支出，我希望列數量是可編輯的。這是我的代碼，用於將數據附加到動態表格使動態創建表格的列可編輯

單元格在「customer1」表格的tr點擊後附加到「customer2」表格。

 $('#custorder1').on('click', 'tr', function() 
      { 
      var zitemNo=$(this).find('td:first').text();  
      var z1Pkg=$(this).find('td:nth-child(8)').text(); 

      for(var i=0;i< itemForSale.length;i++) 
      { 
       var obj = itemForSale[i]; 

       var vitemNo   = obj["itemNo"]; 
       var vpkg   = obj["pkg"]; 
       var vRate   = obj["regPrice"]; 

       if(zitemNo == vitemNo && z1Pkg == vpkg) 
       { 

        var Markup = "<tr><td>"+" "+"</td><td>"+vmobileNo+"</td><td>"+ vitemNo + "</td><td>"+vpkg+"</td><td>"+vRate+"</td><td>"+ +"</td></tr>"; 
       // $("#custorder2 tbody").append(Markup); 
        $("#custorder2 tr:last").after(Markup); 
       }  
      } 
      });

//這是創建表骨架

 <table class="CSSTableGenerator" id="custorder2"> 
        <col width="100"> 
        <col width="100"> 
        <col width="100"> 
        <col width="100"> 
        <col width="100"> 
        <col width="100"> 
         <thead id="headOn"> 
         <tr id="head2"> 
          <th> 
           Order No. 
          </th> 
          <th> 
           Mobile No. 
          </th> 
          <th> 
           Item No. 
          </th> 
          <th> 
           Pkg 
          </th> 
          <th> 
           Rate 
          </th> 
          <th> 
           Qty 
          </th> 
          </tr> 
         </thead> 
         <tbody> 
        </tbody> 
        </table>

//請幫助我的代碼。

來源

2015-12-30 RishiPandey

可編輯的，而對細胞點擊，或自創建編輯？ –

因爲創作編輯但具有報頭（TH）只有一列「QTY」 – RishiPandey

試試：'VAR標記= 「」+「」+「」+ vmobileNo +「」+ vitemNo +「」 + vpkg + 「」+ vRate +「」+ +「」;''使用CONTENTEDITABLE ='true'' – Rayon

使用CONTENTEDITABLE = '真'

var Markup = "<tr><td>" + " " + "</td><td>" + vmobileNo + "</td><td>" + vitemNo + 
      "</td><td>" + vpkg + "</td><td>" + vRate + 
      "</td><td contenteditable='true'>"+ +"</td></tr>";

來源

2015-12-30 10:55:15 RishiPandey

使動態創建表格的列可編輯

回答

相關問題