VTable 1.11.1
Tutorials
Options
API
FAQ
Changelogs
VChart Story Teller

Not only an out-of-the-box multi-terminal chart library, but also a vivid and flexible data storyteller.

VTable Checkered Artist

Not only a high-performance multi-dimensional data analysis form, but also a grid artist created between rows and columns.

VGrammar Data Magician

It is not only a visual grammar that generates thousands of charts, but also a data magician who turns boring into magic.

VRender Visual Rendering

Not only a visual rendering engine with rich functions, but also a handy pen.

VMind Smart Visualization Suit

Not just automatic, but also fantastic.

VStory Relationship Explorer plus

It is not only a fully functional graph visualization library, but also an explorer of data relationships.

!!!###!!!title=50. How to manually update the state when using the Checkbox in the VTable component?——VisActor/VTable FAQ documents!!!###!!!!!!###!!!description=---title: 28. How to manually update the state when using the Checkbox in the VTable component?</br>key words: VisActor,VChart,VTable,VStrory,VMind,VGrammar,VRender,Visualization,Chart,Data,Table,Graph,Gis,LLM--- !!!###!!!

Problem Title

How to manually update the state when using the Checkbox in the VTable component?

Problem Description

Is there a way to manually set the checkbox of the ListTable in VTable, and how to clear the selected state of all checkboxes?

Solution

Call the interface to update the state

You can call the interface setCellCheckboxState. This interface can set the checkbox state of a cell, and is defined as follows:

setCellCheckboxState(col: number, row: number, checked: boolean) => void</br>

Parameter description:

  • col: Column number
  • row: Row number
  • checked: Whether checked
    Example: tableInstance.setCellCheckboxState(0, 3, true) sets the Checkbox state of the cell at position (0, 3) to checked state. The demo effect after modifying the official website is as follows: https://visactor.io/vtable/demo/cell-type/checkbox

Batch update status

For the second question about batch update, currently, there is no dedicated interface to reset the status of all checkboxes. However, you can achieve the goal of updating all checkbox statuses by resetting the data using setRecords or updating the column configuration using updateColumns.

  • Update through column configuration
    Add "checked" as true or false in the column configuration to set the status of the entire column. However, if there is a field in the data records indicating the status, the data record will prevail.

  • To batch set the checkbox status by updating the records data source, it is required to explicitly specify the checkbox value fields in the records.

Tutorial on checkbox type usage: https://visactor.io/vtable/guide/cell_type/checkbox
Checkbox demo: https://visactor.io/vtable/demo/cell-type/checkbox
Related API：https://visactor.io/vtable/option/ListTable-columns-checkbox#cellType
https://visactor.io/vtable/api/Methods#setCellCheckboxState
github：https://github.com/VisActor/VTable