[Cooperation] Introduction of VTable - Collaboration Opportunity

[fangsmile]

What problem does this feature solve?

Dear Echarts Team,

I hope this message finds you well. I represent a team that has developed a high-performance canvas-based table component called VTable. I am reaching out to you today to introduce VTable and explore potential collaboration opportunities with echarts.

VTable is designed to provide a powerful and efficient solution for displaying and interacting with tabular data. Built on canvas technology, it offers exceptional performance, allowing for seamless rendering and manipulation of large datasets. The component also provides a wide range of features, including sorting, filtering, grouping, and advanced cell customization.

After reviewing echarts and its capabilities, we believe that integrating VTable into the echarts platform could greatly enhance the data visualization and exploration experience. Our goal is to contribute VTable as an open-source component, enabling echarts users to leverage its performance and feature set within the echarts ecosystem.

We would love to discuss the possibility of collaboration further and explore how VTable can align with echarts vision. We are open to working closely with your team to integrate VTable smoothly and ensure it meets the high standards and requirements of the echarts community.

I would be grateful if we could schedule a brief call or voice meeting to discuss the potential collaboration in more detail. Please let me know a convenient time for you, and I will be happy to accommodate it.

Thank you for your time and consideration. We look forward to the opportunity to contribute to echarts and empower users with our VTable component.

Best regards.

What does the proposed API look like?

no

[helgasoft]

Thank you for introducing VTable.
One example of simple integration is to use it as toolbox.dataView.
Deeper integration could be records to support dataset.source as objects or two-dimensional array.

[fangsmile]

recordsis already support r two-dimensional array or object. If can integrate with vtable, i hope can receive your contact(13681476041 wx same number) @helgasoft

[helgasoft]

records is already support r two-dimensional array

could not find two-dimensional array example in examples, is there any?

i hope can receive your contact

all communications happen here on Github

[fangsmile]

这样写即可

[helgasoft]

sorry, cannot make it work, will need a complete example code text or a link to such. Image is insufficient.

[fangsmile]

See this demo:
https://codesandbox.io/p/sandbox/vtable-list-table-array-records-7pcf62

[helgasoft]

ok, got it. New Demo shows simple editing (delete & move) records with VTable.
Some observations:

• Deleting records one by one thru right-click is OK, but often we need to delete many records for testing.
  Standard multi-selection is done with click+Shift+click or clik+drag.
  Would be helpful to add the standard multi-selection in VTable. I see you have already visual row selection by clik+drag, but it selects only the first row...
• Noticed subtext does not understand new-line ('\n' or '<br>'). Is there some way of adding lines in subtext?
• Editing cells would be nice too, maybe you could expand my Demo with this feature... 😊 I'm not familiar with TS, so I couldn't import one of your plugins.

[fangsmile]

1. edit cell: https://codepen.io/fqglosvl-the-bashful/pen/pomoaVN this cell value can edit.
   

2. title's subtext break, you can look this demo:https://visactor.io/vchart/demo/histogram-chart/histogram-basis
   

3. batch delete interaction: you can write an issue on github: https://github.com/VisActor/VTable/issues

[helgasoft]

1. edit cell works, thanks!
2. Already tried \n in subtext - unsuccessfully. The bytedance demo link does not load for me...
3. batch select/delete issue posted

[fangsmile]

ok, link outer is: https://visactor.io/vchart/demo/histogram-chart/histogram-basis