Ich verwende aktuell diesen Code um die csv als Tabelle anzuzeigen:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jque…lesorter.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js"></script>
<script type="text/javascript" charset="utf-8">
var tabulate = function(data, columns) {
var table = d3.select('.entry-content').append('table');
var thead = table.append('thead');
var tbody = table.append('tbody');
table.attr('id', 'sorttable');
thead.append('tr')
.selectAll('th')
.data(columns)
.enter()
.append('th')
.text(function(d) {
return d
});
var rows = tbody.selectAll('tr')
.data(data)
.enter()
.append('tr');
var cells = rows.selectAll('td')
.data(function(row) {
return columns.map(function(column) {
return {
column: column,
value: row[column]
}
})
})
.enter()
.append('td')
.text(function(d) {
return d.value
});
return table;
}
d3.csv('https://test.tv/wp-content/uploads/2020/03/S2Gesamt.csv', function(data) {
var columns = ['Rang','Entw.','Clan','Punkte','Spieltage'];
tabulate(data, columns);
})
jQuery(function() { jQuery("#sorttable").tablesorter(); });
</script>