,可以通过以下步骤实现:
<table id="myTable" class="display" style="width:100%"></table>
$(document).ready(function() {
$('#myTable').DataTable({
// 设置数据源
data: yourDataArray,
// 设置列定义
columns: [
{ data: 'column1' },
{ data: 'column2' },
// ...
{ data: 'columnN' },
{
// 在此列中添加下拉列表
data: null,
render: function(data, type, row) {
// 返回下拉列表的HTML代码
return '<select><option value="option1">Option 1</option><option value="option2">Option 2</option></select>';
}
}
]
});
});
在上述代码中,yourDataArray
是你的数据源数组,column1
到columnN
是表格的列定义,最后一列使用了render
选项来自定义该列的内容,返回一个包含下拉列表的HTML代码。
这样,每行中的多个选择下拉列表就会在表格中显示出来了。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云数据库(TencentDB)。
领取专属 10元无门槛券
手把手带您无忧上云