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