datatable - 在 Jquery 中向数据表添加更多下拉或 html 元素

Question

是否可以在默认之后在Datatable中添加更多的下拉或者其他html元素

显示“5”条记录

我想在默认设置和默认提供的搜索栏之间向我的 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;
}

现在您可以添加 <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);

演示 -> http://jsfiddle.net/ahqbf35w/