jQuery的数据表，我要如何插入下拉到表格单元格

即时通讯使用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); 
});

来源

2017-08-28 TheLion

我认为datatables很好用html标记。您是否尝试在第三栏中添加“”？ –

是的，但问题是当我使用table.column（2）.data（）读取表值时，它给我作为文本。 – TheLion

也许试试[列渲染]（https://datatables.net/examples/advanced_init/column_render.html） –

您可以添加新行到您的数据表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(""));

来源

2017-08-29 01:22:47

这可能适用于DOM表，但肯定不是**插入行的方式数据表。表格重绘时，该行将简单消失。 – davidkonrad

jQuery的数据表，我要如何插入下拉到表格单元格

回答

相关问题