Flutter中PaginatedDataTable如何显示复选框列？

核心原因 #

仅设置showCheckboxColumn: true无法让复选框列正常显示，你的_dataTableSource（继承自DataTableSource）必须正确实现选择相关逻辑，否则复选框列不会被渲染。

修复步骤 #

1. 为DataTableSource添加选择逻辑
   你的数据源类需要维护选中状态并实现必要的重写方法，示例代码如下：

   class MyDataTableSource extends DataTableSource {
     final List<YourDataModel> dataList;
     final Set<int> _selectedIndexes = {};
   
     MyDataTableSource(this.dataList);
   
     @override
     bool get isRowCountApproximate => false;
   
     @override
     int get rowCount => dataList.length;
   
     @override
     int get selectedRowCount => _selectedIndexes.length;
   
     @override
     DataRow getRow(int index) {
       final data = dataList[index];
       final isSelected = _selectedIndexes.contains(index);
       return DataRow.byIndex(
         index: index,
         selected: isSelected,
         onSelectChanged: (bool? value) {
           if (value != null) {
             value ? _selectedIndexes.add(index) : _selectedIndexes.remove(index);
             notifyListeners();
           }
         },
         cells: [
           DataCell(Text(data.field1)),
           DataCell(Text(data.field2)),
           // 其他单元格配置
         ],
       );
     }
   }
   

2. 确认PaginatedDataTable配置
   保持showCheckboxColumn: true的设置，注意不需要手动在columns数组中添加复选框列，该列会自动生成。

常见误区 #

• 未在DataRow中设置selected和onSelectChanged：这两个属性是复选框渲染和交互的核心
• 选中状态变化后未调用notifyListeners()：会导致UI无法同步更新选中状态

内容的提问来源于stack exchange，提问作者eastwater