Блог

Я создал сетку, которая имеет разные определения столбцов в зависимости от того, является ли переменная true или false . Когда этот новый столбец добавляется в сетку, все остальные столбцы меняют порядок.

Определение столбца по-прежнему находится в правильном порядке, но отображаемый порядок отличается.

 export const exampleColumnGroup1 = {
  headerName: "Header",
  marryChildren: true,
  children: [
    {
      headerName: "One",
      field: "one"
    },
    {
      headerName: "Two",
      field: "two"
    }
  ]
}

export const exampleColumnGroup2 = {
  headerName: "Header",
  marryChildren: true,
  children: [
    {
      headerName: "One",
      field: "one"
    },
    {
      headerName: "Two",
      field: "two"
    }
  ]
}

let includeColumn2 = false;

export const getColumns = (includeColumn2) => {
  const columns = [];
  columns.push(exampleColumnGroup1);

  if (includeColumn2) {
    columns.push(exampleColumnGroup2);
  }  
}
  

Этот окончательный метод getColumns используется в качестве определения столбца в сетке. Когда includeColumn2 имеет значение true (изменяется с помощью кнопки в пользовательском интерфейсе), отображаемые столбцы не соответствуют порядку в определении столбца. У кого-нибудь есть какие-либо идеи о том, что может быть причиной этого / как это исправить?