d3.js -插入到组元素时部分可见的表

// 假设有一个包含数据的数组
var data = [
  { name: "John", age: 25 },
  { name: "Jane", age: 30 },
  { name: "Bob", age: 35 },
  // ...
];

// 创建一个表格容器
var table = d3.select("body")
  .append("table");

// 绑定数据并创建行元素
var rows = table.selectAll("tr")
  .data(data)
  .enter()
  .append("tr");

// 设置行元素的样式或属性来控制可见性
rows.style("display", function(d, i) {
  // 只显示前两行
  if (i < 2) {
    return "table-row";
  } else {
    return "none";
  }
});

// 创建单元格并填充数据
rows.selectAll("td")
  .data(function(d) { return Object.values(d); })
  .enter()
  .append("td")
  .text(function(d) { return d; });