Css ngx数据表行中的包装文本在打印视图中被截断

Css ngx数据表行中的包装文本在打印视图中被截断,css,angular,ngx-datatable,Css,Angular,Ngx Datatable,我为ngx datatable的datatable主体单元格标签类重写了css,以允许在打印时包装内容。然而,作为一个不受欢迎的副作用,当页面断开时,包装的文本会被切断。我试图通过在内部添加分页符:avoid;'对于datatable body cell和datatable body cell label`类,都要使用css,但没有效果 模板中的ngx数据表: <ngx-datatable class="material results-grid engagement-specif

我为ngx datatable的
datatable主体单元格标签
类重写了css,以允许在打印时包装内容。然而,作为一个不受欢迎的副作用,当页面断开时,包装的文本会被切断。我试图通过在内部添加
分页符:avoid;'对于
datatable body cell
datatable body cell label`类,都要使用css,但没有效果

模板中的ngx数据表:

    <ngx-datatable class="material results-grid engagement-specifics" [rows]="engagementSpecifics"
                   [columns]="engagementSpecificsGridColumns"
                   [headerHeight]="30" [footerHeight]="0" [rowHeight]="70"
                   [rowClass]="getEngagementSpecificsRowClass"
                   *ngIf="showReport(['engagementSpecifics'])">
    </ngx-datatable>
.datatable-body-cell {
    @media print {
      page-break-inside: avoid;
    }
  }

  .datatable-body-cell-label {
    @media print {
      // allow text wrapping
      white-space: normal !important;
      page-break-inside: avoid;
    }
  }