添加“数据”选项到数据表中的项目

Question

嗨我是新的数据表和JavaScript的一般，我想知道是否有无论如何增加“数据”选项行和数据表中的项目。

我试图让一个介绍旅游使用http://usablica.github.io/intro.js/

，为了做到这一点，我需要补充数据信息=“”和数据步=“”选项的项目我的网站。

因此，例如，当您使用intro.js您添加具有“数据介绍”和“数据级”选项，如项目：

<h1 data-intro='This is step one.' data-step='1'>The Changelog</h1> 

因为数据表是所有的JavaScript渲染没有方式将其添加到下面的图片中的“显示/隐藏列”按钮和单独的行。这有可能解决吗？

谢谢

这里是显示记录按钮

Answer 1

您可以使用数据表的fnRowCallback选项添加自定义属性表中的行后，他们都创建（see the docs）。

$('#mytable').dataTable({ 
    // Set data for the table here 
    // ... 

    // Add data attributes for intro.js 
    'fnRowCallback': function(nRow, aData, iDisplayIndex, iDisplayIndexFull) { 
     if (aData[1] === 'Firefox 2') { 
      $('td:eq(1)', nRow) 
       .attr('data-intro', 'This column shows the browser type.') 
       .attr('data-step', '1'); 
     } 
    }, 

    // Add data attributes for sections, that do not belong to the table itself 
    'fnInitComplete': function(oSettings, json) { 
     // The number of elements selector seems to have the id of the table + '_length' 
     $('#example_length') 
      .attr('data-intro', 'Select the number of entries to show.') 
      .attr('data-step', '1'); 
    } 
}); 

http://jsfiddle.net/2f2L6/1/