例如,以下示例中,列"athlete"将在每个行对象中动态地确定其可见性。如果该行的"country"属性值为"Russia",则该列将被隐藏,否则它将可见。
columnDefs={[
{headerName: "Athlete", field: "athlete", hide: (params) => params.data.country === "Russia"},
{headerName: "Age", field: "age"},
{headerName: "Country", field: "country"}
]}
例如,以下示例中,列"athlete"在组件挂载后2秒内将动态地隐藏。
import React, { useState } from 'react';
import {AgGridReact} from 'ag-grid-react';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';
const App = () => {
const [gridApi, setGridApi] = useState(null);
const onGridReady = (params) => {
setGridApi(params.columnApi);
setTimeout(() => {
params.columnApi.setColumnsVisible(['athlete'], false);
}, 2000);
}
return (
相关内容