Невозможно изменить значок в Ag-сетке - PullRequest
Новая
       51

Невозможно изменить значок в Ag-сетке

0 голосов
/ 04 августа 2020

Я использую таблицу ag-grid в angular и пытаюсь изменить значок Aerrow в этом, но он не работает Я использовал код ниже, но он не работает

Я меняю значок внутри определения столбца 

public columnDefs = [
    { 
      headerName: "Group",
      field: 'group',
      cellRenderer: 'agGroupCellRenderer',
      icons: {
          groupContracted: '<img src="https://raw.githubusercontent.com/ag-grid/ag-grid/master/grid-packages/ag-grid-docs/src/javascript-grid-icons/minus.png" style="height: 12px; width: 12px;padding-right: 2px"/>',
        },
 
    },
    { headerName: "Year", field: "year" , sortable: true},
    { headerName: "Country", field: "country" }
  ];

, но это не отражается. Я имею в виду ссылку на документацию ниже

https://www.ag-grid.com/javascript-grid-icons/

Ниже ссылка на stackblitz https://stackblitz.com/edit/angular-ag-grid-tree-data-bbbcyb

Ответы [ 2 ]

1 голос
/ 04 августа 2020

введите описание изображения здесь Дайте объект icons в gridOptions, он будет работать 

public gridOptions = {
    rowSelection: 'multiple',
    groupSelectsChildren: true,
    groupSelectsFiltered: true,
    suppressAggFuncInHeader: true,
    suppressRowClickSelection: true,
     autoGroupColumnDef: {headerName: "Athlete", field: "athlete", width: 200,
        cellRenderer:'agGroupCellRenderer'
    },
    getNodeChildDetails: function getNodeChildDetails(rowItem) {
      if (rowItem.participants) {
        return {
          group: true,
          // open C be default
          expanded: rowItem.group === 'Group C',
          // provide ag-Grid with the children of this group
          children: rowItem.participants,
          // the key is used by the default group cellRenderer
          key: rowItem.group
        };
      } else {
        return null;
      }
    },
    onGridReady: function (params) {
    },
    icons: {
      groupContracted: '<img src="https://raw.githubusercontent.com/ag-grid/ag-grid/master/grid-packages/ag-grid-docs/src/javascript-grid-icons/minus.png" style="height: 12px; width: 12px;padding-right: 2px"/>',
    }
  };
0 голосов
/ 04 августа 2020

Попробуйте скачать файл img и использовать его как локальный ресурс

...