我正在尝试在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
。
我的解决方案是在网格后添加一个与背景颜色相同的文本,但这不是一个令人满意的解决方案。