handsontable怎么给单元格添一个加类名不覆盖之前的类名

要给handsontable中的单元格添加一个CSS类名而不覆盖之前的类名，可以使用以下两种方法：

1. 使用`cell`选项来定义单元格的CSS类名，例如：

var hot = new Handsontable(document.getElementById('example'), {
  data: data,
  columns: [
    {data: 'id', className: 'my-class'},
    {data: 'name'},
    {data: 'age'}
  ]
});

上面的代码中，`className`选项定义了单元格的CSS类名，这样就会给第一列的所有单元格添加一个名为`my-class`的类。

2. 使用`afterRenderer`回调函数在单元格渲染完成后动态添加类名，例如：

var hot = new Handsontable(document.getElementById('example'), {
  data: data,
  columns: [
    {data: 'id'},
    {data: 'name'},
    {data: 'age'}
  ],
  afterRenderer: function(td, row, col, prop, value, cellProperties) {
    if (col === 0) {
      td.className += ' my-class';
    }
  }
});

上面的代码中，`afterRenderer`回调函数会在每个单元格渲染完成后被调用，可以在该函数中根据需要动态修改单元格的CSS类名。上面的例子中，如果单元格是第一列的，则会在它的类名后面添加一个名为`my-class`的类。注意，这里使用了`+=`操作符来追加类名，而不是直接赋值。