自定义样式

VTable 支持用户对于表格中某个单元格和某个区域单元格自定义样式，用于达到高亮部分区域的目的。在 VTable 使用自定义样式分为注册样式和分配样式两部。

注册样式

注册一个自定义样式，需要定义id和style两个属性：

id: 自定义样式的唯一 id
style: 自定义单元格样式，与column中的style配置相同，最终呈现效果是单元格原有样式与自定义样式融合

自定义样式的注册分为两种方式，option中配置和使用 API 配置：

option option 中的 customCellStyle 属性接收多个自定义样式对象组合而成的数组，支持两种配置方式：

配置style为ColumnStyleOption对象，表示自定义样式为静态样式，最终呈现效果是单元格原有样式与自定义样式融合
配置style为((styleArg: StylePropertyFunctionArg) => ColumnStyleOption)，表示自定义样式为动态样式，最终呈现效果是单元格原有样式与自定义样式融合

// init option
const option = {
  // ......
  customCellStyle: [
    {
      id: 'custom-1',
      style: {
        bgColor: 'red'
      }
    },
    {
      id: 'custom-2',
      style: styleArg => {
        return {
          bgColor: styleArg.row % 2 === 0 ? 'red' : 'blue'
        };
      }
    }
  ]
};

API 可以通过 VTable 实例提供的registerCustomCellStyle方法注册自定义样式：

instance.registerCustomCellStyle(id, style);

分配样式

使用已注册的自定义样式，需要将自定义样式分配到单元格中，分配需要定义cellPosition和customStyleId两个属性：

cellPosition: 单元格位置信息，支持配置单个单元格与单元格区域
- 单个单元格：{ row: number, col: number }
- 单元格区域：{ range: { start: { row: number, col: number }, end: { row: number, col: number} } }
customStyleId: 自定义样式 id，与注册自定义样式时定义的 id 相同

分配方式有两种，option中配置和使用 API 配置：

option option 中的customCellStyleArrangement属性接收多个自定义分配样式对象组合而成的数组：

// init option
const option = {
  // ......
  customCellStyleArrangement: [
    {
      cellPosition: {
        col: 3,
        row: 4
      },
      customStyleId: 'custom-1'
    },
    {
      cellPosition: {
        range: {
          start: {
            col: 5,
            row: 5
          },
          end: {
            col: 7,
            row: 7
          }
        }
      },
      customStyleId: 'custom-2'
    }
  ]
};

API 可以通过 VTable 实例提供的arrangeCustomCellStyle方法分配自定义样式：

instance.arrangeCustomCellStyle(cellPosition, customStyleId);

更新与删除样式

自定义样式在注册后，可以通过registerCustomCellStyle方法，对同一 id 的自定义样式进行更新，更新后，分配的自定义样式的单元格样式会被更新；如果newStyle为undefined | null，则表示删除该自定义样式，删除后，分配的自定义样式的单元格样式会还原默认样式

instance.registerCustomCellStyle(id, newStyle);

已分配的自定义样式的单元格区域，可以通过arrangeCustomCellStyle方法，对单元格区域进行更新样式分配，更新后，单元格的样式会被更新；如果customStyleId为undefined | null，则表示还原单元格的样式为默认样式

具体使用参考demo