d3.js表限制鼠标单击到某个列单元格

Question

我尝试使用d3表来管理数据。 我用桌子搜索了d3，

您可以点击列对table进行排序。

现在我需要为某些列中的单元格添加一些函数。

var jsonData = [
{ "id": 3, "name": "Richy", "male": true, "born": "Sun May 05 2013", "amount": 12000},
{ "id": 1, "name": "Susi", "male": false, "born": "Mon May 13 2013", "amount": 2000},
{ "id": 2, "name": "Patrick", "male": true, "born": "Thu Jun 06 2013", "amount": 17000},
{ "id": 4, "name": "Lorenz", "male": true, "born": "Thu May 09 2013", "amount": 15000},
{ "id": 5, "name": "Christina", "male": false, "born": "Mon Jul 01 2013", "amount": 16000}
];

例如，如果我需要将鼠标单击添加到name列，但是，如果我在下面这样做，则所有其他列也将具有此功能。有什么建议吗？

// create cells
var td = tr.selectAll("td").data(function(d){return d3.values(d);});    
td.enter().append("td")
.text(function(d) {return d;}).on("click", function(d){
alert(d);
});

另一个类似的问题，对于某些专栏的某些单元格，我想要设计它们，我该怎么办？ 我尝试通过i索引检测列，但是当jsonData发生更改时，我需要找到i。 实际上，对于某些列，它们key是相同的。