【问题标题】:jQuery DataTables customize search box behaviorjQuery DataTables 自定义搜索框行为
【发布时间】:2015-09-03 09:00:52
【问题描述】:

我想用 jQuery DataTables 自定义 搜索框 表格的行为

搜索时,从搜索中排除的行必须设置为隐藏的“display='none'”样式,而不是从 HTML 中删除,因为我仍然想访问(从 js)排除行内的元素(如复选框或输入等)

有可能吗?

【问题讨论】:

  • tableObj.fnGetNodes() 应该为您提供所有行,排除显示中的行,然后对其余行做任何您想做的事情。注意:这将适用于没有服务器端处理的数据表
  • 你是对的,但我需要将 DOM 元素保留在页面中,因为数据表是在向表添加“ajax”过滤功能之后添加的......但是必须提交表单并接收页面使用 request.getParameters('') 来获取复选框或输入值.....而且还有许多 JS 函数已经“制作”到 DOM 元素......我无法更改整个代码......
  • Datatables 不会将所有元素都放入 dom 中。

标签: javascript jquery datatable search-box


【解决方案1】:

解决方案

jQuery DataTables 在内部从 DOM 中删除不可见的行。

但是您可以使用$() API 方法访问所有元素,即使是那些在 DOM 中不存在的元素。

示例:为第 4 列中的所有单元格设置背景颜色。

var table = $('#example').DataTable();

table
    .$('td:eq(3)')
    .css('background-color', 'red');   

演示

有关代码和演示,请参阅 this jsFiddle

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-09-26
    • 2021-07-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-03
    • 2018-12-13
    相关资源
    最近更新 更多