Angular:在Prime-ng tabPanel

时间:2017-09-04 14:23:12

标签: angular primeng ag-grid

我正在尝试在ag-grid tabPanel组件的Prime-ng tabView内插入来自<p-tabView> <p-tabPanel [header]="'Tab I'" leftIcon="fa-print"> <div class="ui-g-12"> <ag-grid-angular style="width: 500px; height: 115px;" class="ag-fresh" [rowData]="rowData" [columnDefs]="columnDefs"> </ag-grid-angular> </div> </p-tabPanel> <p-tabPanel [header]="'Tab II'" leftIcon="fa-print"> <div class="ui-g-12"> <ag-grid-angular style="width: 500px; height: 115px;" class="ag-fresh" [rowData]="rowData" [columnDefs]="columnDefs"> </ag-grid-angular> </div> This text insert correctly the previous grid inside the tabPanel... </p-tabPanel> </p-tabView> 的数据网格:

Tab I

问题在于我的tabPanel container网格显示在Tab I的{​​{1}}之外,但如果我在网格之后添加其他元素(例如文本),则所有元素都会正确显示在tabPanel容器内。 Tab II

就属于这种情况

我已经尝试将ag-grid替换为Prime-ng dataList组件,但我没有解决这个问题。但是我真的需要使用ag-grid

我的解决方案是在网格后添加一个与背景颜色相同的文本,但这不是一个令人满意的解决方案。

0 个答案:

没有答案