flutter data table's "showCheckBoxColumn" option is not working

Question

I'm developing a table at Flatter.

In order to process selection/unselection for each row of the table, I would like to develop a Checkbox for the header of the table and all rows.

Then, I found the showCheckboxColumn option in the DataTable widget and applied it with pleasure.

However, as shown in the picture below, the Checkbox was not applied at all, and I can't find the cause.

The DataTable widget I designed is written like the following code:

@override
  Widget build(BuildContext context) {
    return Container(
      padding: EdgeInsets.fromLTRB(24, 34, 24, 24),
      child: Scrollbar(
        trackVisibility: true,
        child: SingleChildScrollView(
          scrollDirection: Axis.horizontal,
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                'Selected Delete',
              ),
              SingleChildScrollView(
                padding: EdgeInsets.only(top: 19),
                scrollDirection: Axis.vertical,
                child: DataTable(
                  showCheckboxColumn: true,
                  headingRowColor: MaterialStateProperty.all(Color(0xFFEEEEEE)),
                  rows: _getTableDatas(),
                  columns: _getTableHeaders(),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

Is there any part of this code that I'm wrong about or I'm wrong about the concept of DataTable?

Chukwualuka Chiama · Accepted Answer · 2022-08-17 16:02:41Z

3

According to the docs,, You need to add showCheckboxColumn property to make the row selectable. Try adding and do let me know.

edited Aug 17, 2022 at 16:02

Chukwualuka Chiama

3383 silver badges11 bronze badges

answered Mar 29, 2022 at 6:01

Sahil Hariyani

1,1986 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jun Over a year ago

OMG.... your answer is perfect! For each rows I added onSelectChanged option like this

DataRow(           cells: cellList,           onSelectChanged: (bool? selected) {             selected == null ? print('selected is null') : print('select is $selected');           },         ),

Then, a checkbox was appeared! Thank you so much

Sahil Hariyani Over a year ago

Always a pleasure, helping others :)

Shubham vyas Over a year ago

@SahilHariyani proper answer please with code

Collectives™ on Stack Overflow

flutter data table's "showCheckBoxColumn" option is not working

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related