将JSON数据添加到表格每个单元格的下拉菜单中(Tabulator.js)

var jsonData = [
  { value: 1, label: "选项1" },
  { value: 2, label: "选项2" },
  { value: 3, label: "选项3" }
];

// 创建一个自定义的编辑器
var dropdownEditor = function(cell, onRendered, success, cancel) {
  // 创建一个下拉菜单元素
  var select = document.createElement("select");

  // 将JSON数据添加到下拉菜单中
  jsonData.forEach(function(option) {
    var optionElement = document.createElement("option");
    optionElement.value = option.value;
    optionElement.innerHTML = option.label;
    select.appendChild(optionElement);
  });

  // 设置下拉菜单的初始值
  select.value = cell.getValue();

  // 将下拉菜单添加到单元格中
  cell.getElement().appendChild(select);

  // 当下拉菜单的值发生变化时，触发success回调函数
  select.onchange = function() {
    success(select.value);
  };
};

// 将自定义编辑器注册到Tabulator表格中
Tabulator.editors.dropdownEditor = dropdownEditor;

var table = new Tabulator("#example-table", {
  columns: [
    { title: "列1", field: "column1", editor: "dropdownEditor" },
    { title: "列2", field: "column2", editor: "dropdownEditor" },
    // 其他列定义...
  ],
  // 其他表格配置...
});