刚看了你的代码，发现两个关键问题导致复选框没渲染出来，咱们一步步来改：

1. 缺少复选框功能所需的模块导入 #

AG Grid的复选框选择是一个独立的功能模块（CheckboxSelectionModule），你当前只导入了ClientSideRowModelModule——这个模块只负责客户端行数据模型，和复选框渲染无关。没有导入复选框模块的话，就算配置了checkboxSelection: true也不会显示复选框。

你需要先导入这个模块，然后把它添加到modules数组中。

2. 统一rowSelection的定义方式 #

你同时在TS代码和HTML模板里重复定义了rowSelection='multiple'，虽然这不会直接引发问题，但为了代码规范和避免后续混淆，建议统一用TS变量绑定的方式，模板里用[rowSelection]="rowSelection"来关联TS中的变量，而不是直接写字符串值。

修改后的完整代码 #

TS代码：

import { Component } from '@angular/core';
import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';
// 新增导入复选框功能模块
import { CheckboxSelectionModule } from '@ag-grid-enterprise/checkbox-selection';

export class TailComponent { 
  rowSelection = 'multiple'; 
  // 将复选框模块加入modules列表
  modules = [ClientSideRowModelModule, CheckboxSelectionModule]; 
  columnDefs = [ 
    {headerName: 'Make', field: 'make', checkboxSelection: true }, 
    {headerName: 'Model', field: 'model' }, 
    {headerName: 'Price', field: 'price'} 
  ]; 
  rowData = [ 
    { make: 'Toyota', model: 'Celica', price: 35000 }, 
    { make: 'Ford', model: 'Mondeo', price: 32000 }, 
    { make: 'Porsche', model: 'Boxter', price: 72000 } 
  ]; 
}

HTML代码：

<ag-grid-angular 
  style="width: 500px; height: 500px;" 
  class="ag-theme-balham" 
  [rowData]="rowData" 
  [columnDefs]="columnDefs" 
  [rowSelection]="rowSelection"
  [modules]="modules" > 
</ag-grid-angular>

额外检查点 #

别忘了确认你已经安装了@ag-grid-enterprise/checkbox-selection包，如果还没装，执行以下命令安装：

npm install @ag-grid-enterprise/checkbox-selection

按照上面的步骤修改后，复选框应该就能正常显示了！

内容的提问来源于stack exchange，提问作者Developer