微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用飞碟 v 9.1.20

如何解决使用飞碟 v 9.1.20

我们使用的是最新版本的飞碟 v 9.1.20,当有大量列(例如:80 列)时,表格列会折叠起来。

我们还为单元格添加word-wrap: break-word 以在需要时中断单词,并且还使用了 table-layout: fixed 用于表格。

当列数较少时它有效,但当列数增加时,该属性没有被应用并且列被折叠。

已附上屏幕截图和示例代码。有没有人遇到过这个问题,请告诉我们解决方案。

浏览器视图中的表格

table in browser view

使用飞碟生成的 PDF 表格

enter image description here

HTML 代码

<html>
  <head>
    <style type="text/css" media="all">
    .table-column {
       font-size: 10px;
       color: white;
       background-color: black;
       word-wrap: break-word;
     }
    </style>
  </head>
  <body>
    <table style="table-layout: fixed;word-wrap: break-word;width: 100%;">
      <tr>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
          Column1
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column2
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column3
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column4
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column5
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column6
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column7
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column8
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column9
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column10
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column11
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column12
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column13
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column14
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column15
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column16
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column17
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column18
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column19
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column20
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column21
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column22
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column23
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column24
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column25
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column26
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column27
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column28
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column29
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column30
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column31
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column32
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column33
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column34
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column35
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column36
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column37
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column38
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column39
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column40
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column41
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column42
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column43
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column44
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column45
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column46
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column47
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column48
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column49
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column50
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column51
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column52
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column53
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column54
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column55
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column56
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column57
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column58
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column59
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column60
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column61
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column62
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column63
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column64
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column65
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column66
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column67
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column68
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column69
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column70
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column71
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column72
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column73
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column74
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column75
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column76
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column78
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column79
        </td>
        <td class="table-column" style="width: 15%;word-wrap: break-word;">
           Column80
        </td>
      </tr>
    </table>
  </body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。