Ag-Grid -如何在同一网格中进行两个水平滚动？

var columnDefs = [
  { headerName: 'Column 1', field: 'col1', pinned: 'left' },
  { headerName: 'Column 2', field: 'col2' },
  { headerName: 'Column 3', field: 'col3' },
  // 其他列定义...
];

var gridOptions = {
  // 其他选项...
  suppressHorizontalScroll: true,
  suppressScrollOnNewData: true
};

// 创建左侧固定列网格
var pinnedGridOptions = {
  // 其他选项...
  columnDefs: columnDefs,
  rowData: rowData
};
var pinnedGrid = new agGrid.Grid(document.getElementById('pinnedGrid'), pinnedGridOptions);

// 创建右侧可滚动列网格
var scrollableGridOptions = {
  // 其他选项...
  columnDefs: columnDefs,
  rowData: rowData
};
var scrollableGrid = new agGrid.Grid(document.getElementById('scrollableGrid'), scrollableGridOptions);

// 监听右侧可滚动列网格的水平滚动事件
scrollableGridOptions.api.addEventListener('scroll', function(event) {
  // 获取右侧可滚动列网格的水平滚动位置
  var scrollLeft = event.target.scrollLeft;
  // 将左侧固定列网格的水平滚动位置设置为与右侧可滚动列网格相同
  pinnedGridOptions.api.setScrollLeft(scrollLeft);
});