多个sizeColumnsToFit() ag-grid React

import React, { useEffect } from 'react';
import { AgGridReact } from 'ag-grid-react';

const MyTable = () => {
  const gridRef = React.useRef(null);

  useEffect(() => {
    const handleResize = () => {
      if (gridRef.current) {
        gridRef.current.api.sizeColumnsToFit();
      }
    };

    window.addEventListener('resize', handleResize);

    return () => {
      window.removeEventListener('resize', handleResize);
    };
  }, []);

  return (
    <div style={{ height: '400px', width: '1200px' }}>
      <AgGridReact
        ref={gridRef}
        // 其他配置项...
      />
    </div>
  );
};

export default MyTable;

// 示例代码：截断显示过长的列内容
const columnDefs = [
  {
    headerName: 'Name',
    field: 'name',
    cellRenderer: (params) => {
      return params.value.length > 20 ? params.value.slice(0, 20) + '...' : params.value;
    }
  },
  // 其他列定义...
];