d3添加html,右对齐在D3中创建的HTML表

您可以使用两个参数编写函数，即基准和当前单元格索引，例如： function(d, i) { ... }

以下添加为第1列中的单元格设置'numeric'类：

.append("td")

.classed('numeric', function(d,i) { return i == 1 } )

.text(function(d) { return d.value; });

以下是修改后的原始代码和“数字”类：

var dataAsCsv = `Col1,Col2

Type1,"123,456"

Type2,"789,012"

Type3,"34,567"`;

var data = d3.csvParse(dataAsCsv);

var columns = ['Col1', 'Col2'];

var table = d3.select("#currentMonthTable").append("table"),

thead = table.append("thead"),

tbody = table.append("tbody");

// append the header row

thead.append("tr")

.selectAll("th")

.data(columns)

.enter()

.append("th")

.text(function(column) { return column; });

var rows = tbody.selectAll("tr")

// create a row for each object in the data

.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")

.classed('numeric', function(d,i) { return i == 1 } )

.text(function(d) { return d.value; });