我正在使用dataTables (http://www.datatables.net/release-datatables/media/js/jquery.dataTables.js)和tableTools (http://www.datatables.net/release-datatables/extensions/TableTools/js/dataTables.tableTools.js & http://www.datatables.net/release-datatables/extensions/TableTools/css/dataTables.tableTools.css),并显示一个表并希望打印它。但我也有同样的问题。
这是我的选择
$("#reportTableId").DataTable({
"paging": false,
"ordering": false,
"info": false,
"sDom": 'Tlrt',
"iDisplayLength": 100,
tableTools: {
"sSwfPath": "../ed1/static/swf/copy_csv_xls_pdf.swf",
"aButtons": [
{
"sExtends": "collection",
"sButtonText": "Save",
"aButtons": [
{
"sExtends": "xls",
"sTitle": $Name
},
{
"sExtends": "pdf",
"sTitle": $Name
}
],
"mColumns": [0, 1, 2],
"sPdfOrientation": "landscape"
},
{
"sExtends": "print",
"mColumns": "visible"
}
]
}
});
我的报告html结构采用以下格式
<table id="reportTableId">
<tr>
<th class="tg-031e" colspan="2"></th>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
<tr>
<td class="tg-031e" colspan="2"></td>
</tr>
<tr>
<td class="tg-031e"></td>
<td class="tg-031e"></td>
</tr>
</table>
css
.tg-031ea {
width: 15%;
}
任何帮助都将不胜感激。
HTML输出:
PDF输出:(只有标题栏)
发布于 2015-02-06 12:00:29
希望这不是太晚,从我以前的经验,我已经了解到,数据表需要值HTML表,所以在您的表中有一个大跨度没有帮助。
https://stackoverflow.com/questions/27970318
复制相似问题