!!!###!!!title=Header Highlight——VisActor/VTable tutorial documents!!!###!!!!!!###!!!description=VTable provides a plugin to highlight the corresponding headers when a cell is selected, supporting highlighting of row and column headers.<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>!!!###!!!

Highlight Header When Cell Selected Plugin

VTable provides a plugin to highlight the corresponding headers when a cell is selected, supporting highlighting of row and column headers.

Header Highlight Plugin Configuration Options

  • HighlightHeaderWhenSelectCellPlugin Header highlight when cell selected plugin, can be configured with the following parameters:
    • columnHighlight Whether to highlight column headers
    • rowHighlight Whether to highlight row headers
    • colHighlightBGColor Column header highlight background color
    • rowHighlightBGColor Row header highlight background color
    • colHighlightColor Column header highlight font color
    • rowHighlightColor Row header highlight font color

Plugin parameter types:

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

Usage Example:

For specific usage, refer to the demo