Как создать optgroup, используя выпадающий список select2, динамически в событии datainit JqGrid

Question

У меня есть строка ниже, которая используется для заполнения раскрывающегося списка Select2, созданного в каждой ячейке моего jqGrid.

Приведенный ниже код создает раскрывающийся список со значениями из строки, однако я хочу создать optgroupно я не в состоянии это сделать. Пожалуйста, кто-нибудь может помочь мне с этим?

var categoriesStr = ":;Assets:Assets;Liabilities:Liabilities;Income Statement:Income Statement;Expenses:Expenses;Incomce and Deductions:Incomce and Deductions;KPI and Statistics:KPI and Statistics;Used Equipment Detail:Used Equipment Detail";

JqGrid() {
  // ...
  editoptions: {
    datainit: initSelectForOthers
  }
}

initSelectForOthers = function(element) {
  setTimeout(function() {
    $(element).select2("destroy").select2({
      placeholder: "--Select--",
      allowClear: true,
      dropdownCssClass: "ui-widget ui-jqdialog"
    }).prev(".select2-container").find(">.select2-choice").find(">.select2-arrow").css("background-color", "transparent");
    $(element).on("select2-open", function() {
      $(element).prev(".select2-container").find(">.select2-choice").addClass("ui-state-default");
    }).on("select2-close", function() {
      $(this).prev(".select2-container").find(">.select2-choice").removeClass("ui-state-default");
    });
  }, 20);
};