添加「數據」選項到數據表中的項目

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/