Css ngx数据表行中的包装文本在打印视图中被截断
我为ngx datatable的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
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;
}
}