使用HTML标记过滤单元格

时间:2012-11-02 15:22:37

标签: javascript jquery datatables

如何制作jQuery DataTables插件的搜索功能,忽略表格单元格内的HTML标签。 示例:考虑包含字符串“

Hello
”的单元格,当我键入“Hello”时,没有返回

1 个答案:

答案 0 :(得分:0)

使用sTypemData选项。以下是数据表api http://datatables.net/usage/columns#mDatahttp://datatables.net/usage/columns#sType

的示例

如果您只是想在过滤使用sType时删除html标记:

"aoColumnDefs": [
      { "sType": "html", ... } // column[0] settings
    ]

对于aoColumnDefs定义中的复杂值修改,请使用您要过滤的列上的mData

"mData": function ( source, type, val ) {
        if (type === 'set') { 
          source.<data> = val;
          // Store the computed dislay and filter values for efficiency
          source.<data>_display = ...; // value to be display
          source.<data>_filter  = ...; // value for filtering
          return;
        }
        else if (type === 'display') {
          return source.<data>; // example source.price
        }
        else if (type === 'filter') {
          return source.<data>_filter; // this si that you are looking for.
        }
        // 'sort', 'type' and undefined all just use default value
        return source.<data>;
      }

如果您获得JSON格式的数据,这是解决方案。