是否可以在默认之后在Datatable中添加更多的下拉或者其他html元素
显示“5”条记录
我想在默认设置和默认提供的搜索栏之间向我的 DataTable 添加更多下拉列表。
我已经完成了 sDom,但我无法理解其语法。
提前致谢。
最佳答案
你可以插入一个元素<div>
在长度菜单和过滤器框之间这样:
var table = $('#example').DataTable({
dom : 'l<"#add">frtip'
})
'lfrtip'
是默认值 dom
字符串,所以你基本上只需添加一个 <div id="#add">
到现有的布局。建议风格#add
,特别是设置 display
输入 inline-block
所以它不会将元素分解为:
#add {
display: inline-block;
padding-left: 30px;
float: left;
}
现在您可以添加 <select>
的(或其他)到 #add
以普通的 jQuery 方式添加元素:
//insert a label
$('<label/>').text('my dropdown').appendTo('#add')
//insert the select and some options
$select = $('<select/>').appendTo('#add')
$('<option/>').val('1').text('option #1').appendTo($select);
$('<option/>').val('2').text('option #2').appendTo($select);
$('<option/>').val('3').text('option #3').appendTo($select);
关于datatable - 在 Jquery 中向数据表添加更多下拉或 html 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34128094/