纵向table表头

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="0">
    <tbody>

    </tbody>
</table>
</body>
<script>
    var data = [
        {
            title: "价格",
            name: "杨过",
            gender: "男",
            age: "30"
        },
        {
            title: "数量",
            name: "小龙女",
            gender: "女",
            age: "35"
        }
    ];
    var arr = [];
    for (var i in data[0]) {
        arr.push([i])
    }
    for (var i in data) {
        for (var j in data[i]) {
            for (var k in arr) {
                if (arr[k][0] === j) {
                    arr[k].push(data[i][j]);
                }
            }
        }
    }
    var tbody = document.getElementsByTagName('tbody')[0];
    for (var i in arr) {
        var tr = document.createElement("tr");
        for (var j in arr[i]) {
            tr.innerHTML += '<td>' + arr[i][j] + '</td>';
        }
        tbody.appendChild(tr);
    }

</script>
</html>