jQuery DataTables通过下拉选择就地编辑单元格

$('#example').DataTable({
  columns: [
    { data: 'name', editable: true },
    { data: 'age', editable: true },
    { data: 'gender', editable: true },
    // 其他列...
  ]
});

$('#example').DataTable({
  columns: [
    { data: 'name', editable: true },
    { data: 'age', editable: true },
    { 
      data: 'gender', 
      editable: true,
      render: function(data, type, row) {
        if (type === 'display') {
          return '<select><option value="male">Male</option><option value="female">Female</option></select>';
        }
        return data;
      }
    },
    // 其他列...
  ]
});

$('#example').on('change', 'select', function() {
  var table = $('#example').DataTable();
  var cell = table.cell($(this).closest('td'));
  cell.data($(this).val()).draw();
});