可以在单个AG Grid单元格中显示多个图标，然后能够在每个单独的图标上筛选行吗？

// 定义自定义单元格渲染器
function iconRenderer(params) {
  // 获取单元格数据
  const data = params.data;
  
  // 创建包含多个图标的HTML元素
  const icons = data.icons.map(icon => `<i class="${icon}"></i>`).join('');
  
  // 返回渲染后的HTML
  return icons;
}

// 定义过滤器
function iconFilter(params) {
  // 获取过滤器条件
  const filterValue = params.filter;
  
  // 获取单元格数据
  const data = params.data;
  
  // 根据过滤器条件筛选行
  return data.icons.includes(filterValue);
}

// 在列定义中使用自定义单元格渲染器和过滤器
const columnDefs = [
  { headerName: 'Icons', field: 'icons', cellRenderer: iconRenderer, filter: 'agTextColumnFilter', filterParams: { filterOptions: ['icon1', 'icon2', 'icon3'], textCustomComparator: iconFilter } },
  // 其他列定义...
];

// 创建AG Grid实例
new agGrid.Grid(gridDiv, gridOptions);

// 设置数据和列定义
gridOptions.api.setColumnDefs(columnDefs);
gridOptions.api.setRowData(rowData);