可以使用 AG-Grid 的自定义组件和自定义渲染器来创建自定义的水平表格。以下是一个代码示例：

// 自定义水平表格的组件
class HorizontalTableComponent {
  constructor() {
    this.gridOptions = {
      columnDefs: [
        { headerName: 'Header 1', field: 'col1' },
        { headerName: 'Header 2', field: 'col2' },
        { headerName: 'Header 3', field: 'col3' }
      ],
      rowData: [
        { col1: 'Value 1', col2: 'Value 2', col3: 'Value 3' }
      ]
    };
  }

  // 组件渲染方法
  render() {
    return `
      

        
        
      
    `;
  }
}

// 注册自定义渲染器
agGrid.Grid.registerComponent('horizontalTableComponent', HorizontalTableComponent);

// 在列定义中使用自定义渲染器
const columnDefs = [
  { headerName: 'Column 1', field: 'col1', cellRenderer: 'horizontalTableComponent' },
  { headerName: 'Column 2', field: 'col2', cellRenderer: 'horizontalTableComponent' },
  { headerName: 'Column 3', field: 'col3', cellRenderer: 'horizontalTableComponent' }
];

// 创建表格
const gridOptions = {
  columnDefs: columnDefs,
  rowData: [
    { col1: null, col2: null, col3: null } // 使用 null 占位符创建水平表格
  ]
};

这将创建一个自定义的水平表格组件，以及在列定义中使用该组件进行渲染。要创建一个水平表格，可以在记录中使用 null 值占位符，并在组件的构造