!!!###!!!title=表头高亮——VisActor/VTable 教程文档!!!###!!!!!!###!!!description=VTable 提供选中单元格对应表头高亮插件,支持选中单元格后,高亮对应的表头(行头和列头)。<div style="display: flex; justify-content: center;"> <img src="https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/preview/head-highlight.png" style="flex: 0 0 50%; padding: 10px;"></div>!!!###!!!

选中单元格对应表头高亮插件

VTable 提供选中单元格对应表头高亮插件,支持选中单元格后,高亮对应的表头(行头和列头)。

表头高亮插件配置项

  • HighlightHeaderWhenSelectCellPlugin 选中单元格对应表头高亮插件,可以配置以下参数:
    • columnHighlight 是否高亮列头
    • rowHighlight 是否高亮行头
    • colHighlightBGColor 列头高亮背景色
    • rowHighlightBGColor 行头高亮背景色
    • colHighlightColor 列头高亮字体色
    • rowHighlightColor 行头高亮字体色

插件参数类型:

interface IHighlightHeaderWhenSelectCellPluginOptions {
  rowHighlight?: boolean;
  colHighlight?: boolean;
  colHighlightBGColor?: string;
  colHighlightColor?: string;
  rowHighlightBGColor?: string;
  rowHighlightColor?: string;
}

使用示例:

具体使用参考demo