今天我們來聊一聊如何使用aggrid給div加CSS樣式。 首先，我們需要知道什么是Div，也就是HTML中的一個容器標簽，它可以用來包括其他HTML元素，并且可以通過CSS樣式進行定位和布局。在aggrid中，我們可以通過配置列的元素來設置CSS樣式。 例如，我們可以使用gridOptions.columnDefs屬性指定列定義，然后在每個列定義中使用cellStyle屬性來設置CSS樣式。下面的代碼展示了如何將背景顏色設置為紅色：

gridOptions.columnDefs = [
{ headerName: "Name", field: "name", cellStyle: { backgroundColor: 'red' } },
{ headerName: "Age", field: "age" }
];

這將使Name列的單元格背景顏色變為紅色。我們也可以使用其他CSS屬性來設置單元格的背景顏色、字體、邊框等。 當我們把CSS樣式應用到單個列中時，我們也可以在CSS樣式文件中定義全局樣式，以應用到整個表格中。我們可以使用gridOptions.headerClass屬性為表頭設置CSS樣式類名。 例如，我們可以使用以下代碼在CSS樣式表中定義一個樣式類：

.table-header {
background-color: blue;
color: white;
font-weight: bold;
}

然后，在列定義中使用headerClass屬性將該樣式類應用到表頭：

gridOptions.columnDefs = [
{ headerName: "Name", field: "name" },
{ headerName: "Age", field: "age", headerClass: 'table-header' }
];

這將使Age列的表頭背景顏色為藍色，文字顏色為白色，并且文字加粗。 總而言之，aggrid可以非常輕松地給我們的數據表格添加CSS樣式。我們可以使用列定義中的cellStyle屬性來為單個列添加樣式，或者使用headerClass屬性在全局范圍內為表頭設置樣式。