Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.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_Javascript_Html_Csv - Fatal编程技术网

如何在javascript中将复杂表导出为csv

如何在javascript中将复杂表导出为csv,javascript,html,csv,Javascript,Html,Csv,我试图找出如何导出一个比我能找到的示例要复杂一点的表。这是我的代码,我希望能够导出一个只包含表内容的干净csv。目前我得到了一个csv文件,但数据格式不是很好。线路r/n/部分似乎不像我预期的那样工作。这是我的密码 index.html <!DOCTYPE> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width

我试图找出如何导出一个比我能找到的示例要复杂一点的表。这是我的代码,我希望能够导出一个只包含表内容的干净csv。目前我得到了一个csv文件,但数据格式不是很好。线路r/n/部分似乎不像我预期的那样工作。这是我的密码

index.html

<!DOCTYPE>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">


        <title>Exporting Data to a CSV File</title>


        <link rel="stylesheet" type="text/css" href="main.css">
    </head>

    <body>
        <div class='container' id="dvData"> 
            <table class="table table-striped table-condensed default_datatable dataTable" id="ob_details">
                <thead>
                    <tr role="row">
                        <th class="natural sorting_asc" role="columnheader" tabindex="0" aria-controls="ob_details" rowspan="1" colspan="1" aria-sort="ascending" aria-label="Date: activate to sort column descending" style="width: 0px;">Date
                            <i class="fa fa-caret-up fa-lg"></i>
                        </th>
                        <th class="numeric sorting" role="columnheader" tabindex="0" aria-controls="ob_details" rowspan="1" colspan="1" aria-label="Impressions: activate to sort column ascending" style="width: 0px;">Impressions
                            <i class="fa fa-caret-up fa-lg"></i>
                        </th>
                        <th class="numeric sorting" role="columnheader" tabindex="0" aria-controls="ob_details" rowspan="1" colspan="1" aria-label="Clicks: activate to sort column ascending" style="width: 0px;">Clicks
                            <i class="fa fa-caret-up fa-lg"></i>
                        </th>
                        <th class="currency sorting" role="columnheader" tabindex="0" aria-controls="ob_details" rowspan="1" colspan="1" aria-label="Total: activate to sort column ascending" style="width: 0px;">Total
                            <i class="fa fa-caret-up fa-lg"></i>
                        </th>
                    </tr>
                </thead>
<!--
                <tfoot>
                    <tr>
                        <th rowspan="1" colspan="1">Totals
                            <i class="fa fa-caret-up fa-lg"></i>
                        </th>
                        <th rowspan="1" colspan="1">9945
                            <i class="fa fa-caret-up fa-lg"></i>
                        </th>
                        <th rowspan="1" colspan="1">1122
                            <i class="fa fa-caret-up fa-lg"></i>
                        </th>
                        <th rowspan="1" colspan="1">$156.20
                            <i class="fa fa-caret-up fa-lg"></i>
                        </th>
                    </tr>
                </tfoot>
-->
                <tbody role="alert" aria-live="polite" aria-relevant="all">
                    <tr class="odd">
                        <td class=" sorting_1">2015-08-26</td>

                        <td class=" ">1887</td>

                        <td class=" ">207</td>

                        <td class=" ">$28.07</td>

                      </tr><tr class="even">
                        <td class=" sorting_1">2015-08-27</td>

                        <td class=" ">1974</td>

                        <td class=" ">206</td>

                        <td class=" ">$33.80</td>

                      </tr><tr class="odd">
                        <td class=" sorting_1">2015-08-28</td>

                        <td class=" ">1497</td>

                        <td class=" ">159</td>

                        <td class=" ">$26.26</td>

                      </tr><tr class="even">
                        <td class=" sorting_1">2015-08-29</td>

                        <td class=" ">926</td>

                        <td class=" ">107</td>

                        <td class=" ">$18.50</td>

                      </tr><tr class="odd">
                        <td class=" sorting_1">2015-08-30</td>

                        <td class=" ">1188</td>

                        <td class=" ">154</td>

                        <td class=" ">$18.21</td>

                      </tr><tr class="even">
                        <td class=" sorting_1">2015-08-31</td>

                        <td class=" ">1598</td>

                        <td class=" ">182</td>

                        <td class=" ">$31.36</td>

                      </tr><tr class="odd">
                        <td class=" sorting_1">2015-09-01</td>

                        <td class=" ">875</td>

                        <td class=" ">107</td>

                        <td class=" ">$0.00</td>

                      </tr><tr class="even">
                        <td class=" sorting_1">Date</td>

                        <td class=" ">0</td>

                        <td class=" ">0</td>

                        <td class=" ">$0.00</td>
                    </tr>
                </tbody>
            </table>
        </div>

            <br/>
            <div class='button'>
                <a href="#" id ="export" role='button'>CSV File</a>
            </div>

        <!-- Scripts -->
        <script type='text/javascript' src='https://code.jquery.com/jquery-1.11.0.min.js'></script>
        <!-- If you want to use jquery 2+: https://code.jquery.com/jquery-2.1.0.min.js -->
        <script type="text/javascript" src="html2csv.js"></script>
    </body>
</html>
不,我的问题是我让它导出csv,但它只格式化最上面一行。接下来就是数据爆炸

这里有一个例子

"Date","Impressions","Clicks","Total"
"2015-08-26","1887","207","$28.07","2015-08-27","1974","206","$33.80","2015-08-28","1497","159","$26.26","2015-08-29","926","107","$18.50","2015-08-30","1188","154","$18.21","2015-08-31","1598","182","$31.36","2015-09-01","875","107","$0.00","Date","0","0","$0.00"
它应该更像

"Date","Impressions","Clicks","Total"
"2015-08-26","1887","207","$28.07"
"2015-08-27","1974","206","$33.80"
"2015-08-28","1497","159","$26.26"
"2015-08-29","926","107","$18.50"
"2015-08-30","1188","154","$18.21"
"2015-08-31","1598","182","$31.36"
"2015-09-01","875","107","$0.00"
"Date","0","0","$0.00"

可能重复我添加的csv以及我希望它是关于什么的可能重复我添加的csv以及我希望它是关于什么的
"Date","Impressions","Clicks","Total"
"2015-08-26","1887","207","$28.07"
"2015-08-27","1974","206","$33.80"
"2015-08-28","1497","159","$26.26"
"2015-08-29","926","107","$18.50"
"2015-08-30","1188","154","$18.21"
"2015-08-31","1598","182","$31.36"
"2015-09-01","875","107","$0.00"
"Date","0","0","$0.00"