将Chardin插件添加到Datatables

时间:2015-10-21 09:40:15

标签: javascript jquery datatables


我有一些代码如下:

$('#button').on('click', function() { $('body').chardinJs('start') });

$(document).ready(function() {
   $('#example').dataTable({
        "sDom": 'f'
      });

} );

(这只是Jsfiddle中的JS / Jquery部分添加了一个整体) http://jsfiddle.net/wAUKV/18/
正如您可以看到,当我点击“提示”图像时,将启动charding插件并显示我的网站部分的一些提示。当我想在DOM DataTables中添加注释时会出现问题 我怎么能解决这个问题?

1 个答案:

答案 0 :(得分:1)

好的,问题是初始化后不同的控件被注入.dataTables_wrapper元素。仅将chardin文本添加到搜索框(左侧为&#34;搜索&#34; <input>):

$(".dataTables_filter input")
   .attr("data-intro", "Type here to search in the table")
   .attr("data-position", "left");

<强> http://jsfiddle.net/La4a93vv/

&#34;环路&#34;被称为lengthmenu:

$(".dataTables_length")
   .attr("data-intro", "Select number of visible rows")
   .attr("data-position", "right");

你的小提琴更新 - &gt; http://jsfiddle.net/wAUKV/33/

只需检查注入的标记,看看你应该使用哪些元素(=选择器)来添加&#34; chardins&#34;。