使用D3.js時DataTable中的Javascript錯誤

Question

我對d3.js和Datatables的使用有問題。 我喜歡DataTable的渲染，所以我想用它來做一個學校項目，我必須使用D3.js.

的問題是，當我創建像this fiddle 我

"Uncaught TypeError: Cannot read property 'mData' of undefined"

我認爲這是因爲該表沒有創建但當我致電$('#table').DataTable()但console.log($('#table').html());誤差與D3.js表顯示正確的html代碼...

我在Google上搜索這個錯誤，但同樣錯誤的問題是相對於表的結構（缺少tbody，缺少關閉標記，在/ tbody中的不同列號等）。 ），但如果我把html代碼放在一邊，它就會工作ST預期：fiddle

我不覺得，因爲它做工精細用相同的HTML代碼，這樣也許我誤解與D3.js的東西，這是與數據表的錯誤...提前

感謝您的任何導致

Answer 1

你缺少你的標題行一個<tr>：

var thead = d3.select("thead") 
    .append("tr") //<-- missing tr 
    .selectAll("th") 
    .data(d3.keys(stations[0])) 
    .enter().append("th").text(function(d) { 
    return d 
    }); 

更新fiddle。

在你的工作版本，瀏覽器矯正畸形的HTML時，將其解析：

<thead> 
    <tr><th>name</th> <!-- what the browser actually renders --> 
    <th>city</th> 
</tr></thead>