我目前在一個(gè)Rails應(yīng)用程序中使用Wicked PDF生成的PDF文檔中遇到一個(gè)表格格式問題，我正在尋求幫助來解決這個(gè)問題。

要求是讓表格填滿文檔的剩余空間。但是，盡管表格按預(yù)期顯示在網(wǎng)頁上，但它不會(huì)擴(kuò)展以填充PDF文檔中的整個(gè)頁面。

下面是用于設(shè)計(jì)表格樣式的CSS類:

table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
}
table thead,
table tbody,
table th,
table td,
table tr {
  border: 2px solid #a6a6a6;
  font-style: italic;
}
table th {
  font-family: 'myriad-pro', arial;
  font-weight: 500 !important;
  font-size: 16px;
  text-align: center;
}
table td {
  font-size: 14px;
  font-style: italic;
}
.h-100 {
  height: 100%;
  min-height: 100%;
}
.justify-content-center {
    -webkit-box-pack: center;
 }
.w-100 {
  width: 100%;
}
.flex-1 {
  -webkit-flex: 1; /* Chrome */
  -ms-flex: 1; /* IE 10 */
  flex: 1;
}
.d-flex {
  display: -webkit-box;
}

下面是PDF中使用的div的Haml標(biāo)記:

.d-flex.h-100.w-100
  .d-flex.justify-content-center.w-100
    %table.flex-1{border: 1}
      %thead
        %tr
          %th Col1
          %th Col2
          %th Col3         
      %tbody
        %tr
        - @cols.each do |col|
          %tr
            %td= col.val1
            %td= col.val2
            %td= col.val3

有人知道如何解決這個(gè)問題嗎？