logo

S2

  • Manual
  • API
  • Examples
  • Playground
  • ChangeLog
  • Productsantv logo arrow
  • 2.x
  • Introduction
  • Quick Start
  • Basic Tutorial
    • Base Concept
    • Sheet Type
      • Pivot Mode
        Updated
      • Table Mode
    • Conditions
      Updated
    • Totals
    • Sort
      • Custom Sort
        Updated
      • Group Sort
        Updated
    • Theme
      Updated
    • Tooltip
      Updated
    • Internationalization
    • 数据格式化
      New
    • Multi Line
      New
    • Pagination
      New
  • Advanced Tutorial
    • Advanced Tutorial
      • Link
      • Render Chart In Cell
      • Draw Chart With @antv/g2
    • Custom
      • Customize Hook
        Updated
      • Customize Tree
        New
      • Customize Icon
      • Customize Cell Alignment
      • Customize Cell Size
        Updated
      • Customize Order
      • Custom Collapse/Expand Nodes
    • Interaction
      • Basic Interaction
      • Custom Interaction
      • Hide Columns
      • Cell Resize
      • Merge Cell
      • Scroll
      • Copy
        New
      • Highlight and select cell
        New
    • Analyze Component
      • Introduction
        New
      • Advanced Sort
        Updated
      • Switcher
      • Export
        Updated
      • Pagination
      • Drill Down
    • Sheet Component
      • Editable Mode
      • Strategy Sheet
        Updated
    • HD Adapter
    • Get Instance
    • Get Cell Data
      Updated
    • Table adaptive
    • AntV/G Plugins
      New
    • Pivot Chart
      Experimental
    • Vue 3.0
  • Extended Reading
    • Data Process
      • Pivot
      • Table
    • Layout
      • Pivot
      • Table
    • Performance
      Updated
  • Contribution
  • FAQ
  • S2 2.0 Migration Guide

Contribution

Previous
Performance
Next
FAQ

Resources

Ant Design
Galacea Effects
Umi-React Application Framework
Dumi-Component doc generator
ahooks-React Hooks Library

Community

Ant Financial Experience Tech
seeconfSEE Conf-Experience Tech Conference

Help

GitHub
StackOverflow

more productsMore Productions

Ant DesignAnt Design-Enterprise UI design language
yuqueYuque-Knowledge creation and Sharing tool
EggEgg-Enterprise-class Node development framework
kitchenKitchen-Sketch Tool set
GalaceanGalacean-互动图形解决方案
xtechLiven Experience technology
© Copyright 2025 Ant Group Co., Ltd..备案号:京ICP备15032932号-38

Loading...

If you happen to see this article, you must want to contribute to this project

Contributions of any kind are welcome

"My code level is not good", "Will I be despised?", "Will it be bad?", don't worry, it doesn't exist!

We welcome any form of contribution, whether it is a typo modification, or a friendly suggestion, whether it is by submitting an Issue or a cool pull request , or a discussion in the DingTalk group, participate in discussions in discussions, and look forward to contributing See your avatar in the list of contributors.

branch management

At present, we are developing based on the next branch. If there is any modification, please pull a branch based on the next , and then in the form of PR , we have integrated the DingTalk robot, which will review your PR for the first time and give feedback

Submit Bug Feedback

I'm sorry to write some bugs again, but please kindly submit a meaningful bug feedback. No one wants to report bugs like this:

preview

There is no version information, no steps to reproduce, no description of the problem, no code snippets, the opening sentence, the content is all guesswork.

First select [Bug report]

preview

Fill in the relevant information according to the Issue template. Yes, these steps are a little cumbersome, but they are necessary. Each user has different scenarios, system environment, software version, or some specific steps are required to reproduce the bug. Saying it clearly at this time can save everyone's time!

preview

Pull Request

Example PR (pr description reference)

  1. Fork the project and clone it (or use GitHub's Codespace function, which is very convenient)
  2. Installation dependencies: pnpm install or pnpm bootstrap
  3. Commit your changes, commit Please follow the AngularJS Git Commit Message Conventions
  4. If your change is to fix a bug, you can also add a close #issue 号after the submission information, so that the corresponding issue can be automatically closed after the pr is merged, such as fix: render bug close #123
  5. Make sure to add corresponding unit tests and documentation (if necessary)
  6. After all Lint and Test checks are passed, and the review is passed, we will merge your pr.

preview

Development Process

We use pnpm@v7 for package management

npm i -g pnpm
  1. pnpm install installation dependencies
  2. pnpm site:start starts the local S2 website
  3. pnpm core:start uses a visual way to debug the single test of the core layer (based on jest-electron)
  4. pnpm react:start can debug the unit test of the React version in a visual way (based on jest-electron)
  5. pnpm react:playground starts a local interactive React version Demo (based on vite)
  6. pnpm vue:playground starts a local interactive Vue3 version Demo (based on vite)
  7. pnpm build builds @antv/s2 , @antv/s2-react and @antv/s2-vue 3 packages, and outputs umd , esm and lib directories respectively
  8. pnpm test runs unit tests
  9. pnpm lint static code detection