BestHub
Sign in
Alibaba Terminal Technology
Alibaba Terminal Technology
Apr 14, 2022 · Frontend Development

How AntV S2 Implements Rich Canvas Interactions for Multi‑Dimensional Tables

This article explains how AntV S2 uses a canvas‑based rendering engine and event delegation to provide advanced interactions such as cell highlighting, brush selection, dynamic resizing, column hiding, and custom tooltips for multi‑dimensional data tables, complete with code examples and implementation details.

AntVCanvas InteractionCustom Interaction
0 likes · 21 min read
How AntV S2 Implements Rich Canvas Interactions for Multi‑Dimensional Tables
Alipay Experience Technology
Alipay Experience Technology
Apr 1, 2022 · Frontend Development

Mastering Interactive Features in AntV S2: Click Highlights, Hover, Brush, Resize and More

This article explains how AntV S2 implements a wide range of interactions—such as click and hover highlights, brush selection, dynamic row/column resizing, column hiding, link jumps and custom events—by using canvas rendering, event delegation, state management and JavaScript code examples.

AntV S2Canvas InteractionFrontend
0 likes · 21 min read
Mastering Interactive Features in AntV S2: Click Highlights, Hover, Brush, Resize and More