如何在agGRID中选择列数据 [英] How to select column data in ag-grid

问题描述

我必须启用列选择并对选定的特定列执行类似导出Excel/复制到剪贴板的操作。 要求是当我单击列标题时，它应该选择整个列。 如何实现这一点？

推荐答案

有几种方法。

一种方法是在列菜单中添加一个新的‘Select Column’条目，然后在操作中创建一个新的单元格区域。下面这样的代码应该能起到作用：

var gridOptions = {
 ....
  getMainMenuItems: getMainMenuItems,
 ....
}

function getMainMenuItems(params) {
 var menuItems = params.defaultItems.slice(0);
 menuItems.push({
   name: 'Select Column',
   action: function () {
     gridOptions.api!.clearRangeSelection();
     const cellRangeParams: CellRangeParams = {
       rowStartIndex: 0,
       rowEndIndex: gridOptions.api!.getDisplayedRowCount(),
       columnStart: params.column.getId(),
       columnEnd: params.column.getId(),
   };
   gridOptions.api!.addCellRange(cellRangeParams);
  },
 });
 return menuItems;
}

这篇关于如何在agGRID中选择列数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！