2

我创建了一个表并使用该函数更新了 csv 中的数据。要读取的文件作为参数传递。

function displayContent(file){

 d3.text(file, function(datasetText) {
   parsedCSV = d3.csv.parseRows(datasetText);
   var sampleHTML = d3.select("#TableContents")
     .append("table")
     .style("border", "2px black solid")
     .attr("style", "margin-left: 20px")
     .selectAll("tr")
     .data(parsedCSV)
     .enter().append("tr")
     .selectAll("td")
     .data(function(d){return d;})
     .enter().append("td")
     .text(function(d){return d;})
     .style("font-size", "12px");
  });
}

我想要一个功能,如果我单击第一列,我可以显示另一个表,其中包含所选行的详细信息。

例如,我在表格中填充了学生详细信息。单击任何行(学生 ID)后,我需要根据所选学生显示另一个表。我们如何在表格行中添加点击?

4

1 回答 1

3

您可以使用tr选择的on方法来附加点击事件

例如

.selectAll("tr")   
 .data(parsedCSV)
 .enter().append("tr")
   .on("click", function(d) { doSomething(); })          
于 2013-05-22T13:36:34.493 回答