可以通过设置列的宽度来实现该效果。在列定义中,将固定列的宽度设置为 'flex',并将其余列的宽度设置为固定值。然后,使用 CSS 将固定列的宽度设置为 "100%",并将其余列的宽度设置为 "auto",即可使固定列填满表格的其余空间。
以下是一个示例代码:
columnDefs: [ { field: 'athlete', width: 100 }, { field: 'country', width: 100 }, { field: 'year', width: 100 }, { field: 'gold', width: 100 }, { field: 'silver', width: 100 }, { field: 'bronze', width: 100 }, { field: 'total', width: 100 }, { field: 'ranking', pinned: 'right', width: 'flex' } ],
cssStyles: .ag-pinned-right-cols-container .ag-cell { width: 100% !important; } .ag-header-cell[col-id="ranking"] { width: 100% !important; } .ag-cell[col-id="ranking"] { width: 100% !important; } .ag-header-cell[col-id="athlete"], .ag-header-cell[col-id="country"], .ag-header-cell[col-id="year"], .ag-header-cell[col-id="gold"], .ag-header-cell[col-id="silver"], .ag-header-cell[col-id="bronze"], .ag-header-cell[col-id="total"] { width: auto !important; } .ag-cell[col-id="athlete"], .ag-cell[col-id="country"], .ag-cell[col-id="year"], .ag-cell[col-id="gold"], .ag-cell[col-id="silver"], .ag-cell[col-id="bronze"], .ag-cell[col-id="total"] { width: auto !important; }