下面的两个线程处理的问题与我的类似,但它们没有解决我的问题,因为它们太简单了,
JQuery Datatables search within input and select
Search within input tag with Datatables的
我有一个数据表,由输入字段,文本/选择输入组成。
$.fn.dataTableExt.ofnSearch['html-input'] = function(value) {
return $(value).val(); //will search in value attibute of element
};
字符串
然后将
var table = $("#example").DataTable({
columnDefs: [{ "type": "html-input", "targets": [2, 3, 4] }]
});
型
但这是假设我有一个简单的DOM结构,其中字段直接位于TD
标记下。
https://jsfiddle.net/dL52ecjs/3/
我做了一个Fork from the Fiddle,在那里我改变了DOM如下:
*Name:在<DIV>
中换行,并在同一单元格中添加第二个Input,Search应适用于两者。
*年龄:包裹在<DIV>
内
新提琴:https://jsfiddle.net/9vL1yukp/1/
不再起作用。我的列可以单独拥有不同的层或附加控件。
实际上,当我只添加一个<DIV>
Package 器时,它就收支平衡了,所以即使是很小的修改(没有任何新控件)也不起作用。
2条答案
按热度按时间jqjz2hbq1#
尝试获取**“总值”**
字符串
fiddle
更新
您可以将其扩展为选择或任何您喜欢的
fiddle for selects aswell的
如果你想添加另一种类型的值,你想检查,只需选择元素,并添加属性,你想检查到
all_values
型
jm2pwxwz2#
基于Pilan的答案(JQuery DataTables在具有复杂DOM结构的输入/选择中搜索),但进行了一些额外的调整,并进行了重构以允许搜索和排序,这是最终的答案。
策略:首先定义一个实用函数,返回一个给定TD小区的“代表性字符串”。然后,在搜索和排序中使用它,以支持这两种操作。
字符串
现在,定制的DataTable Search(和Sort)将使用此Representative Value,如下所示:
1.搜索
型
2.排序
型
将2个自定义的Search & Sort函数应用于DataTable:
型