Question

我创建了一个表，并使用该函数更新了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），我需要根据所选学生显示另一个表。我们如何在表格行中添加点击？

Answer 1

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

例如

.selectAll("tr")   
 .data(parsedCSV)
 .enter().append("tr")
   .on("click", function(d) { doSomething(); })

d3.js - 行点击事件？

1 个答案: