Kendo绘图PDF HTML网格渲染问题-剪切内容

Question

我正在尝试使用Kendo-UI将包含表格的html页面呈现为PDF。

页面的一般结构为：

<div> 
   <div>
     <table>
       <tbody>
         <tr>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
          </tr> //repeat with more rows
       </tbody>
      </table>
     <table>
       <thead>
         <tr>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
          </tr>
       <thead>       
       <tbody>
        @foreach (var a in b)
         {
          <tr>
           <td></td>
           <td></td>
           <td></td>
           <td></td>
          </tr>
          } //repeat with more rows
       </tbody>
      </table>
  </div>
</div>

包含表的div传递给此函数：

export function ExportToPDF(elem: any) {
    return kendo.drawing.drawDOM($(elem), {
        paperSize: "A4",
        margin: {
            left: "5mm",
            top: "10mm",
            right: "5mm",
            bottom: "10mm"
        },
    })
    .then(function (group) {
        return kendo.drawing.exportPDF(group, {
        });
    })
}

问题是，当元素之一中包含大量内容时，该内容将不会拆分到更多页面上。发生的情况是页面底部的内容剪辑。

我尝试设置“ multiPage：true”，强制分页符等，但似乎找不到解决方法。