数据表跨度答案

【问题标题】：Datatable colspan数据表跨度
【发布时间】：2016-10-27 07:03:13
【问题描述】：

我的表头如下所示。我正在使用数据表 pdf 导出将其下载为 pdf。问题是由于 colspan，它没有显示 pdf 中的第一个 tr。有什么办法可以显示这个吗？如何在pdf的tad的第一行添加colspan for td？

谢谢

<thead>
        <tr >
            <td colspan="5" ></td>
            <td colspan="5" ></td>
        </tr>
        <tr>
            <th ></th>
            <th></th>
            <th></th>
            <th></th>
            <th></td>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
            <th></th>
        </tr>
 </thead>

【问题讨论】：

请在代码 sn-p 或 jsfiddle 中重现您的问题并将其添加到您的问题中。

标签： jquery html datatables

【解决方案1】：

table,tr,th,td{
border:1px solid;
  border-collapse:collapse;
}

<table style="width:100%;"> 
<thead>
            <tr height="25">
                <td colspan="5" >td</td>
                <td colspan="5" >td</td>
            </tr>
            <tr height="25">
            <th width="10%">th</th>
            <th width="10%">th</th>
            <th width="10%">th</th>
            <th width="10%">th</th>
            <th width="10%">th</th>
            <th width="10%">th</th>
            <th width="10%">th</th>
            <th width="10%">th</th>
            <th width="10%">th</th>
            <th width="10%">th</th>
            </tr>
</thead>
</table>

试一试

【讨论】：