2017-08-28 58 views
0

即時通訊使用jQuery datatables.I有一個按鈕和表3列。當我點擊按鈕時,一行將被插入到具有3個值的表格中。不過,我想將第三列作爲下拉列表,以便單擊按鈕時,將插入一行,並且用戶可以從第三列的下拉列表中進行選擇。我無法弄清楚如何做到這一點。下面是代碼jQuery的數據表,我要如何插入下拉到表格單元格

var table = $('#sampletable').DataTable(); 

$('#add_btn').click (function() { 
    table.row.add([ 
     "value 1", 
     "value 2", 
     "need a dropdown with value 1-10 here"]).draw(false); 
}); 
+0

我認爲datatables很好用html標記。您是否嘗試在第三欄中添加「」? –

+0

是的,但問題是當我使用table.column(2).data()讀取表值時,它給我作爲文本。 – TheLion

+1

也許試試[列渲染](https://datatables.net/examples/advanced_init/column_render.html) –

回答

1

您可以添加新行到您的數據表TBODY這樣,確保你的表有TBODY標籤,如果不是你可以添加最後一行之後,這個內容;

var content =[]; 
content.push("<tr>"); 
{ 
    content.push("<td>temp data</td>"); 
    content.push("<td>temp data</td>"); 
    content.push("<td>"); 
    { 
     content.push("<select>"); 
     { 
      content.push("<option>temp data </option>"); 
      content.push("<option>temp data </option>"); 
     } 
     content.push("</select>"); 
    } 
    content.push("</td>"); 
} 
content.pus("</tr>"); 



$("#yourTableID tobdy").append(content.join("")); 
+0

這可能適用於DOM表,但肯定不是**插入行的方式數據表。表格重繪時,該行將簡單消失。 – davidkonrad

相關問題