如何在DHTMLX网格版本6中添加自定义列

<script src="dhtmlxgrid.js"></script>
<link rel="stylesheet" type="text/css" href="dhtmlxgrid.css">

<div id="gridContainer" style="width: 100%; height: 400px;"></div>

var grid = new dhx.Grid("gridContainer", {
  columns: [
    { id: "id", header: "ID", fillspace: true },
    { id: "name", header: "Name", fillspace: true },
    // 自定义列配置
    { id: "custom", header: "Custom Column", fillspace: true }
  ]
});

function customColumnTemplate(obj, common, value){
  return "<div style='color: red;'>" + value + "</div>";
}

grid.config.columns[2].template = customColumnTemplate;

grid.data.parse([
  { id: 1, name: "John", custom: "Custom Data 1" },
  { id: 2, name: "Jane", custom: "Custom Data 2" },
  // ...
]);
grid.render();