在jQuery中向Datatable添加更多下拉或HTML元素

Shivkumar Mallesappa

是否可以在默认值之后向数据表添加更多下拉列表或其他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;
}

现在,您可以使用普通的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);

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用datatable jquery在每页下拉列表中的记录中添加更多选项

来自分类Dev

使用datatable jquery在每页下拉列表的记录中添加更多选项

来自分类Dev

在jquery中动态向网页添加新的html元素

来自分类Dev

如何向数组中的特定键添加更多元素?

来自分类Dev

在jQuery中向DataTable添加新行时出错

来自分类Dev

在jquery中向dataTable添加行的函数给出TypeError

来自分类Dev

jQuery - 向对象添加更多内容

来自分类Dev

使用Android中的适配器向GridView添加更多元素

来自分类Dev

当向其添加更多元素时,插入div块中的表水平重叠

来自分类Dev

向jQuery元素添加功能

来自分类Dev

如何根据JQuery中的计数向每个元素添加ID

来自分类Dev

使用jQuery在HTML中添加列表元素

来自分类Dev

将更多下拉框值附加到文本框区域

来自分类Dev

如何从html字符串向jQuery DataTable添加多行

来自分类Dev

如何向此 jquery 脚本添加更多 div 类?

来自分类Dev

获取jQuery DataTable中的元素

来自分类Dev

在向变量中添加变量后,向jQuery选择器中添加另一个元素

来自分类Dev

在运行时从DataTable向XDocument添加元素

来自分类Dev

在运行时从DataTable向XDocument添加元素

来自分类Dev

向kendo ui元素添加jquery验证

来自分类Dev

向jQuery数组添加元素

来自分类Dev

如何使用 Jquery 向元素添加文本?

来自分类Dev

向HTML选择元素添加选项

来自分类Dev

向Dropzone.js发布中添加更多数据

来自分类Dev

向库存冷却器中添加更多的导热膏

来自分类Dev

向查询中添加更多AND表达式?

来自分类Dev

在选择的LINQ中向实体添加更多属性

来自分类Dev

向 Chronograf 中的基本仪表板添加更多图表

来自分类Dev

您如何将世界带入元素并通过jQuery向其中添加html

Related 相关文章

  1. 1

    使用datatable jquery在每页下拉列表中的记录中添加更多选项

  2. 2

    使用datatable jquery在每页下拉列表的记录中添加更多选项

  3. 3

    在jquery中动态向网页添加新的html元素

  4. 4

    如何向数组中的特定键添加更多元素?

  5. 5

    在jQuery中向DataTable添加新行时出错

  6. 6

    在jquery中向dataTable添加行的函数给出TypeError

  7. 7

    jQuery - 向对象添加更多内容

  8. 8

    使用Android中的适配器向GridView添加更多元素

  9. 9

    当向其添加更多元素时,插入div块中的表水平重叠

  10. 10

    向jQuery元素添加功能

  11. 11

    如何根据JQuery中的计数向每个元素添加ID

  12. 12

    使用jQuery在HTML中添加列表元素

  13. 13

    将更多下拉框值附加到文本框区域

  14. 14

    如何从html字符串向jQuery DataTable添加多行

  15. 15

    如何向此 jquery 脚本添加更多 div 类?

  16. 16

    获取jQuery DataTable中的元素

  17. 17

    在向变量中添加变量后,向jQuery选择器中添加另一个元素

  18. 18

    在运行时从DataTable向XDocument添加元素

  19. 19

    在运行时从DataTable向XDocument添加元素

  20. 20

    向kendo ui元素添加jquery验证

  21. 21

    向jQuery数组添加元素

  22. 22

    如何使用 Jquery 向元素添加文本?

  23. 23

    向HTML选择元素添加选项

  24. 24

    向Dropzone.js发布中添加更多数据

  25. 25

    向库存冷却器中添加更多的导热膏

  26. 26

    向查询中添加更多AND表达式?

  27. 27

    在选择的LINQ中向实体添加更多属性

  28. 28

    向 Chronograf 中的基本仪表板添加更多图表

  29. 29

    您如何将世界带入元素并通过jQuery向其中添加html

热门标签

归档