如果在打印
我有一张这样的表：
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td style="color:#339; background-color:#e7ecfe; font-weight:bold; font-size:16px" colspan="100%">Learning Skills</td>
</tr>
<tr style="color:white; background-color:#95a5a6">
<td class="text-center"><b>Assessments</b></td>
<td></td>
<td colspan="1" class="text-center"><b>col1</b></td>
<td colspan="1" class="text-center"><b>col2</b></td>
<td colspan="1" class="text-center"><b>col3</b></td>
<td colspan="1" class="text-center"><b>col4</b></td>
<td colspan="1" class="text-center"><b>col5</b></td>
<td colspan="1" class="text-center"><b>col6</b></td>
<td colspan="1" class="text-center"><b>col7</b></td>
<td colspan="1" class="text-center"><b>col8</b></td>
<td colspan="1" class="text-center"><b>col9</b></td>
<td colspan="1" class="text-center"><b>col10</b></td>
<td colspan="1" class="text-center"><b>col11</b></td>
<td colspan="1" class="text-center"><b>col12</b></td>
<td colspan="1" class="text-center"><b>col13</b></td>
<td colspan="1" class="text-center"><b>col14</b></td>
<td colspan="1" class="text-center"><b>col15</b></td>
<td colspan="1" class="text-center"><b>col16</b></td>
<td colspan="1" class="text-center"><b>col17</b></td>
<td colspan="1" class="text-center"><b>col18</b></td>
<td colspan="1" class="text-center"><b>col19</b></td>
<td colspan="1" class="text-center"><b>col20</b></td>
<td colspan="1" class="text-center"><b>col21</b></td>
<td colspan="1" class="text-center"><b>col22</b></td>
<td colspan="1" class="text-center"><b>col23</b></td>
<td colspan="1" class="text-center"><b>col24</b></td>
</tr>
<tr>
<td></td>
<td class="text-center">something</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">another</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">assess</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">single</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">sgsgsdgfsd</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
</tbody>
</table>
打印此表时，我希望不适合页面宽度的列应位于下面的下一个可用空间中。像这样：
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td style="color:#339; background-color:#e7ecfe; font-weight:bold; font-size:16px" colspan="100%">Learning Skills</td>
</tr>
<tr style="color:white; background-color:#95a5a6">
<td class="text-center"><b>Assessments</b></td>
<td></td>
<td colspan="1" class="text-center"><b>col1</b></td>
<td colspan="1" class="text-center"><b>col2</b></td>
<td colspan="1" class="text-center"><b>col3</b></td>
<td colspan="1" class="text-center"><b>col4</b></td>
<td colspan="1" class="text-center"><b>col5</b></td>
<td colspan="1" class="text-center"><b>col6</b></td>
<td colspan="1" class="text-center"><b>col7</b></td>
<td colspan="1" class="text-center"><b>col8</b></td>
<td colspan="1" class="text-center"><b>col9</b></td>
<td colspan="1" class="text-center"><b>col10</b></td>
<td colspan="1" class="text-center"><b>col11</b></td>
<td colspan="1" class="text-center"><b>col12</b></td>
</tr>
<tr>
<td></td>
<td class="text-center">something</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">another</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">assess</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">single</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">sgsgsdgfsd</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
</tbody>
</table>
<table class="table table-hover table-bordered">
<tbody>
<tr>
<td style="color:#339; background-color:#e7ecfe; font-weight:bold; font-size:16px" colspan="100%">Learning Skills</td>
</tr>
<tr style="color:white; background-color:#95a5a6">
<td class="text-center"><b>Assessments</b></td>
<td></td>
<td colspan="1" class="text-center"><b>col13</b></td>
<td colspan="1" class="text-center"><b>col14</b></td>
<td colspan="1" class="text-center"><b>col15</b></td>
<td colspan="1" class="text-center"><b>col16</b></td>
<td colspan="1" class="text-center"><b>col17</b></td>
<td colspan="1" class="text-center"><b>col18</b></td>
<td colspan="1" class="text-center"><b>col19</b></td>
<td colspan="1" class="text-center"><b>col20</b></td>
<td colspan="1" class="text-center"><b>col21</b></td>
<td colspan="1" class="text-center"><b>col22</b></td>
<td colspan="1" class="text-center"><b>col23</b></td>
<td colspan="1" class="text-center"><b>col24</b></td>
</tr>
<tr>
<td></td>
<td class="text-center">something</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">another</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">assess</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">single</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
<tr>
<td></td>
<td class="text-center">sgsgsdgfsd</td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
<td colspan="1" class="text-center"></td>
</tr>
</tbody>
</table>
我不想使用任何其他扩展，我只想使用HTML，JavaScript，jQuery，CSS。
0 个答案:
没有答案
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？