在动态生成的DataGrid中添加操作列

// 假设data是动态生成的数据源
var data = [
  { id: 1, name: 'John', age: 25 },
  { id: 2, name: 'Jane', age: 30 },
  // ...
];

// 动态生成DataGrid
var grid = document.createElement('table');

// 生成表头
var header = grid.createTHead();
var headerRow = header.insertRow();
headerRow.insertCell().textContent = 'ID';
headerRow.insertCell().textContent = 'Name';
headerRow.insertCell().textContent = 'Age';
headerRow.insertCell().textContent = '操作'; // 添加操作列的表头

// 生成表格内容
var body = grid.createTBody();
data.forEach(function(rowData) {
  var row = body.insertRow();
  row.insertCell().textContent = rowData.id;
  row.insertCell().textContent = rowData.name;
  row.insertCell().textContent = rowData.age;

  // 生成操作按钮
  var actionsCell = row.insertCell();
  var editButton = document.createElement('button');
  editButton.textContent = '编辑';
  editButton.addEventListener('click', function() {
    // 编辑按钮点击事件处理程序
    // 执行编辑操作
  });
  actionsCell.appendChild(editButton);

  var deleteButton = document.createElement('button');
  deleteButton.textContent = '删除';
  deleteButton.addEventListener('click', function() {
    // 删除按钮点击事件处理程序
    // 执行删除操作
  });
  actionsCell.appendChild(deleteButton);
});

// 将生成的DataGrid添加到页面中的某个元素中
var container = document.getElementById('gridContainer');
container.appendChild(grid);