wie man bedingt Element in D3 .enter() Funktion

Question

Alle anhängen:

Ich frage mich, wie die verschiedenen Elemente in D3 .data().enter(), zum Beispiel anfügen:

Wenn ich Tabellenspalte angehängt werden soll, sondern anhängen jede Spalte als td Ich möchte die erste Spalte als th, so dass der Code wie folgt aussieht:

tbody.append("tr").selectAll("anyplcaeholder").data([1,2,3,4]) 
    .enter() 
// I do not know how to do this folloing 

Eine Idee? Dank

Answer 1

Sie könnten so:

var table = d3.select('body').append('table'); 

var tr = table.selectAll('tr') 
    .data([1,2,3,4,5]).enter() 
    .append('tr'); 

tr.append('th').html(function(d) { return d; }); // add your condition here 
tr.append('td').html(function(d) { return " "; }); // if you need more 
tr.append('td').html(function(d) { return " "; }); // columns with data 

Dieser Code geben Sie etwas wie folgt aus:

<table> 
    <tr> 
     <th>1</th> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <th>2</th> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> ..... 

Die right way Spaltenkopf an einem Tisch

Here die Arbeits jsFiddle hinzufügen