handsontable/vue3 修改单元格左右对齐，如何获取修改后样式

要修改 Handsontable/Vue3 单元格的左右对齐方式，并获取修改后的样式，可以通过以下步骤实现：

1. 为 Handsontable/Vue3 的单元格定义一个 CSS 类，例如：

.custom-align {
  text-align: center; /* 或者 left 或者 right，根据需要进行修改 */
}

2. 在 Handsontable/Vue3 的配置对象中，使用 `cell` 属性定义单元格的 CSS 类，例如：

{
  data: /* 所有单元格的数据 */,
  columns: /* 所有列的配置 */,
  cell: [
    { row: 0, col: 0, className: 'custom-align' }, // 设置第一行第一列的对齐方式为居中
    { row: 0, col: 1, className: 'custom-align' }, // 设置第一行第二列的对齐方式为居中
    // ...
  ]
}

3. 在需要获取单元格样式的地方，使用 Handsontable/Vue3 的 `getCellMeta` 方法获取单元格的元数据，例如：

const cellMeta = hot.getCellMeta(row, col);
const cellStyle = cellMeta.style; // 获取单元格的样式对象

其中 `hot` 是 Handsontable/Vue3 的实例对象，`row` 和 `col` 分别是需要获取样式的单元格的行和列索引。

注意，由于 Handsontable/Vue3 是基于 Web Components 技术实现的，获取单元格样式的方法可能与传统的 DOM 操作略有不同。以上代码仅供参考，具体实现可能需要根据实际情况进行调整。