Datatables 使用选项数组填充引导选择

Datatables 使用选项数组填充引导选择,datatables,javascript,jquery,bootstrap-select,Datatables,Javascript,Jquery,Bootstrap Select,我使用创建了一个表,并在页脚上添加了一个空下拉选择,如下所示: <tfoot> <tr> <th><select class="selectpicker" multiple></select></th> </tr> </tfoot> 国 奥地利 日本 瑞典 芬兰 印度 美国 瑞典 法国 奥地利 您需要在附加数据之后而不是之前初始化selectpicke

我使用创建了一个表,并在页脚上添加了一个空下拉选择,如下所示:

<tfoot>
    <tr>
      <th><select class="selectpicker" multiple></select></th>
    </tr>
</tfoot>
国 奥地利 日本 瑞典 芬兰 印度 美国 瑞典 法国 奥地利
您需要在附加数据之后而不是之前初始化selectpicker

$document.readyfunction{ $'example'.DataTable{ 长度变化:错误, 信息:错, 分页:false, 搜索:假, initComplete:函数{ this.api.columns.each函数{ var列=此; column.data.unique.sort.each函数d,j{ $'.selectpicker'.append+d+}; } ; } }; //附加选项后初始化选择器选择器 $'.selectpicker'.selectpicker; }; 国 奥地利 日本 瑞典 芬兰 印度 美国 瑞典 法国 奥地利
您的错误是在填充选项之前启动selectpicker,而在参考文档中则相反。 以下是一个固定的现场演示:

$'example'.DataTable{ 长度变化:错误, 信息:错, 分页:false, 搜索:假, initComplete:函数{ const table=this.api; table.columns.everyfunction{ const title=$this.header.text; const options=this.data.unique.sort.toArray.reduceoptions,item=>options+=`${item}`; $'.selectpicker'.appendoptions.selectpicker }; } }
CountryAustriaJapanSwedenFinlandIndiaUSASwedenFranceAustria@YevgenGorbunkov谢谢你的时间,但我有它与单一输入选择工作,因为你发送。我使用Bootstrap select,这样用户就可以使用multiple select并能够从下拉列表中进行搜索。这是否意味着您真正的问题是“如何使用值数组填充Bootstrap multiselect?”?您当前的问题陈述可能有点误导,然后“问题是:datatable绘制时没有错误,但选择没有填充”@YevgenGorbunkov我更新了标题,我想这样写,因为在datatables中,您可以直接在页脚上应用回调函数。希望大家现在都明白了。Thanks@YevgenGorbunkov非常感谢。它现在可以工作,但只有当数据加载到html中,但服务器端处理无法工作时才可以工作。选择按钮不显示选项谢谢。它现在可以工作,但只有当数据加载到html中,但服务器端处理无法工作时才可以工作。选择按钮不显示以下选项:/