如何在d3.js表中插入表单（在单元格中）

Question

我已经在d3.js中创建了一个表，我想在一个单元格中集成一个表格，该表格允许用户向表中添加一个值。老实说，我不知道是否可以使用D3.js进行操作，如果可以，如何执行操作。

在此先感谢您的帮助

d3.json("{% url "b_up_fd:data_returns" fund %}", function(error, data) {
    if (error) throw error;
        var columns = ['', 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 
'Aug', 'Sep', 'Oct', 'Nov', 'Dec', 'YTD'];
        var table   = d3.select('#returns').append('table');
        var thead   = table.append('thead');
        var tbody   = table.append('tbody');

    // append the header row
        thead.append('tr')
          .selectAll('th')
          .data(columns).enter()
          .append('th')
            .text(function (column) { return column; });

  // create a row for each object in the data
        var rows = tbody.selectAll('tr')
          .data(data)
          .enter()
          .append('tr');

  // create a cell in each row for each column
        var cells = rows.selectAll('td')
          .data(function (row) {
            return columns.map(function (column) {
              return {column: column, value: row[column]};
            });
          })
          .enter()
          .append('td')

          .style("color", function(d){ return d.value <= 0 ? "red" : 
"green"})
          .on("mouseover", function(){d3.select(this).style("background- 
color", "#c1c1c1")})
          .on("mouseout", function(){d3.select(this).style("background- 
color", "#f2f2f2")})
          .html(function(d){ return typeof(d.value)==="number"? 
(100*d.value).toFixed(2)+"%":d.value;})
            .each(function (d, i) {
                if (i == 0){
                    d3.select(this).style("font-weight", "bold")
                }
                else if (i== 13)
                {
                    d3.select(this).style("font-weight", "bold")
                }
            });
});