HTML:按特定列数据排序和显示CSV文件

时间:2016-05-08 18:58:21

标签: html csv

我有一个多行多列CSV文件,如下所示:

name1,family1,2012,m
name2,family2,2016,f
name3,family3,2014,m

到目前为止,我使用以下html代码显示CSV文件的完整内容。

<html>
<head>
    <meta charset="utf-8">
    <style> table {
            border-collapse: collapse;
            border: 2px black solid;
            font: 12px sans-serif; }
        td {
            border: 1px black solid;
            padding: 5px;}
    </style>
</head>
<body>
    <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
    <script type="text/javascript"charset="utf-8">
        d3.text("teaching.csv", function(data) {
            var parsedCSV = d3.csv.parseRows(data);
            var container = d3.select("body")
                .append("table")
                .selectAll("tr")
                    .data(parsedCSV).enter()
                    .append("tr")
                .selectAll("td")
                    .data(function(d) { return d; }).enter()
                    .append("td")
                    .text(function(d) { return d; });
        });
    </script>
</body>  </html>

我需要将html代码更改为:  1)仅显示所有行的第二列数据,2)按第三列中的数字排序行(顶部最大)

任何帮助将不胜感激。

0 个答案:

没有答案