滚动条是主网格的当拉伸主网格列宽度,细节网格会多余出来
怎么在主网格的onColumnResized事件对细节网格进行自适应sizeColumnsToFit
<ag-grid-vue
class="table ag-theme-balham grid-class master-detail"
style="height: 100%,width:100%"
:grid-options="gridOptions"
:column-defs="gridColumnDefs"
:row-data="rowData"
:modules="AllModules"
@grid-ready="onGridReady"
@selection-changed="handlSelectionChange"
/>
.
主网格属性
const gridOptions = {
....
onColumnResized: function(params) {
if (params.source === 'uiColumnDragged' && params.finished) {
本问题需要处理的代码位置
}
}
}
细节网格属性
gridOptions.detailCellRendererParams = {}
###你只需要得到细节表格的api对象即可监听主表格的列调整事件,调用细节表格的sizeColumnsToFit方法
你的问题是如何获取到细节表格api对象?
我不清楚现在版本的api有没有办法直接获取到,但是你可以按照我以前的思路来解决.
ag-grid允许你使用自定义Component来展示Detail,你直接写一个Component放入子grid,然后把api暴露给父表格就好了