Angular ngx数据表隐藏了一些列内容

时间:2019-03-06 05:13:58

标签: angular ngx-datatable

您好在我的项目中使用ngx数据表,该列会自动剪切较长的数据,如何在列中显示整个数据,我在此附加了屏幕快照enter image description here

第二行的实际URL是https://stackoverflow.com/questions/53118910/ngx-datatable-vertical-scroll-with-rowheight-set-to-auto,但是在表中一些数据被隐藏了,下面是我的datatable属性          class="material fixed-header" [headerHeight]="50" [limit]="10" [columnMode]="'force'" [footerHeight]="50" [rowHeight]="'auto'" [rows]="rows" [loadingIndicator]="loadingIndicator" [selected]="selected" [selectionType]="'checkbox'" [scrollbarH]="true" 任何人都可以解决我的问题

1 个答案:

答案 0 :(得分:0)

来自ngx文档中有关强制模式的信息。 https://github.com/swimlane/ngx-datatable/blob/master/docs/api/column/modes.md

如果指定比例宽度,则绝不能低于最小尺寸。

当您指定每列的宽度时,它们需要合计为屏幕的大小。 例如。如果屏幕尺寸为400,则您可以有4列宽度为100的列。

如果要支持较小的屏幕,可以将列设置为较小,或在特定断点后使用垂直滚动。但也许最简单的方法是使用flex。 [scrollbarH] =“ smallScreen”

我也很难将[scrollbarH]与rowheight结合使用。您可以测试选择其中之一。