ag-grid 改变主网格列表宽度，细节网格如何自适应。

Question

滚动条是主网格的当拉伸主网格列宽度，细节网格会多余出来
怎么在主网格的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 = {}

Answer 1

你只需要得到细节表格的api对象即可监听主表格的列调整事件,调用细节表格的sizeColumnsToFit方法
你的问题是如何获取到细节表格api对象?
我不清楚现在版本的api有没有办法直接获取到,但是你可以按照我以前的思路来解决.
ag-grid允许你使用自定义Component来展示Detail,你直接写一个Component放入子grid,然后把api暴露给父表格就好了