Question

是否可以在默认

之后向Datatable添加更多下拉列表或其他html元素

显示“5”记录

我想在Default和默认提供的搜索栏之间添加更多下拉到我的DataTable。

我已经通过了sDom，但我无法理解语法。

提前致谢。

Answer 1

您可以通过以下方式在长度菜单和过滤器框之间插入元素<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;
}

现在，您可以使用简单的jQuery方式将<select>（或其他）添加到#add元素：

//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);

演示 - ＆gt;的 http://jsfiddle.net/ahqbf35w/

在Jquery中向Datatable添加更多下拉列表或html元素

1 个答案: