Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将csv的第一行移动到标题HTML中_Javascript_Html_Csv_Parsing_Html Table - Fatal编程技术网

Javascript 将csv的第一行移动到标题HTML中

Javascript 将csv的第一行移动到标题HTML中,javascript,html,csv,parsing,html-table,Javascript,Html,Csv,Parsing,Html Table,我用ajax创建了一个表,但似乎无法将元素包含在中。我已经尝试了附录,预附录,但没有成功 我想要的结构是:,这样进入th的数据将是#header的子数据,而不是同级数据 function arrayToTable(tableData) { var table = $('<table id = "data_table"></table>'); $(tableData).each(function (i, rowData) { if (i==0

我用ajax创建了一个表,但似乎无法将
元素包含在
中。我已经尝试了
附录
预附录
,但没有成功

我想要的结构是:
,这样进入
th
的数据将是
#header
的子数据,而不是同级数据

function arrayToTable(tableData) {
    var table = $('<table id = "data_table"></table>');
    $(tableData).each(function (i, rowData) {
        if (i==0){
            var row = $('<thead class= "table_header"><tr id="header"></tr></thead>');

            $(rowData).each(function (j, cellData) {
            $('#header').append($('<th>'+cellData+'</th>'));
        });
        table.append(row);
        } else{
            var row = $('<tr class="table_data"></tr>');
            $(rowData).each(function (j, cellData) {
            row.append($('<td>'+cellData+'</td>'));
            });
        table.append(row);
        }
    });
    return table;
}

$.ajax({
    type: "GET",
    url: "random/folder/with/csvs/csv1.csv",
    success: function (data) {
        $('#container').append(arrayToTable(Papa.parse(data).data));
    }
});
函数数组表(tableData){
变量表=$('');
$(tableData)。每个(函数(i,行数据){
如果(i==0){
变量行=$('');
$(rowData)。每个(函数(j,cellData){
$('#标题')。追加($(''+cellData+'');
});
表.追加(行);
}否则{
变量行=$('');
$(rowData)。每个(函数(j,cellData){
行。追加($(''+cellData+'');
});
表.追加(行);
}
});
返回表;
}
$.ajax({
键入:“获取”,
url:“random/folder/with/csvs/csv1.csv”,
成功:功能(数据){
$('#container').append(arrayToTable(Papa.parse(data.data));
}
});
试试这段代码

$(tableData).each(function (i, rowData) {
    if (i==0){
        var head = $('<thead class= "table_header"></thead>');
        var row = $('<tr id="header"></tr>');
        $(rowData).each(function (j, cellData) {
            row.append($('<th>'+cellData+'</th>'));
        });
        head.append(row);
        table.append(head);
    } else{
        var row = $('<tr class="table_data"></tr>');
        $(rowData).each(function (j, cellData) {
            row.append($('<td>'+cellData+'</td>'));
        });
        table.append(row);
    }
});
$(tableData)。每个(函数(i,rowData){
如果(i==0){
风险值头=$('');
变量行=$('');
$(rowData)。每个(函数(j,cellData){
行。追加($(''+cellData+'');
});
头.附加(行);
表.追加(标题);
}否则{
变量行=$('');
$(rowData)。每个(函数(j,cellData){
行。追加($(''+cellData+'');
});
表.追加(行);
}
});