Flutter中如何仅移除DataTable表头行的复选框图标？

提供两种可行方案，可根据你的开发场景选择：

方案1：通过主题样式隐藏表头全选复选框（推荐） #

无需修改现有业务逻辑，仅需用Theme组件包裹DataTable，覆盖表头复选框的主题样式即可实现隐藏，同时保留行级复选框功能。

修改后的代码如下：

// 注意：将selectedIndex移到当前页面State类中作为成员变量，不要放在_itemTable方法内，否则每次刷新都会重置
// int selectedIndex = 1; 

Widget _itemTable(List data) {
  if(data.length == 0) {
    return Container(
      margin: EdgeInsets.only(top: 20),
      child: Text("No data found")
    );
  }

  var headers = data[0].keys;
  List<DataRow> rows = [];
  int i = 0;

  data.forEach(
    (item) {
      rows.add(
        DataRow(
          selected: selectedIndex == i,
          onSelectChanged: (selected) {
            if (selected ?? false) {
              // 调用setState更新状态才能触发UI刷新
              setState(() {
                selectedIndex = i;
              });
              print(item);
            }
          },
          cells: 
            headers.map<DataCell>(
              (String hdr) => DataCell(Text(item[hdr].toString()))
            ).toList()
        )
      );
      i++;
    }
  );
  
  return Container(
    margin: EdgeInsets.only(top: 10),
    child: SingleChildScrollView(
      scrollDirection: Axis.horizontal,
      // 新增Theme包裹，隐藏表头复选框
      child: Theme(
        data: Theme.of(context).copyWith(
          dataTableTheme: DataTableThemeData(
            headingCheckboxTheme: CheckboxThemeData(
              // Flutter版本>=3.10可直接加这一行：show: false,
              // 低版本用以下属性实现隐藏
              size: 0,
              materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
              fillColor: MaterialStateProperty.all(Colors.transparent),
              side: BorderSide.none,
            )
          )
        ),
        child: DataTable(
          onSelectAll: (_) {}, // 保留空实现拦截默认全选逻辑
          columns: ["id", "category", "subject", "details"].map<DataColumn>((h) => DataColumn(label: Text(h))).toList(),
          rows: rows
        ),
      )
    )
  );
}

方案2：自定义复选框列（完全可控） #

如果不想依赖主题适配，可放弃DataTable自带的选择逻辑，手动新增一列复选框，表头默认不会生成全选框，选择逻辑完全自主控制：

// State类中定义选中索引
int selectedIndex = 1;

Widget _itemTable(List data) {
  if(data.length == 0) {
    return Container(
      margin: EdgeInsets.only(top: 20),
      child: Text("No data found")
    );
  }

  List<DataRow> rows = [];
  int i = 0;

  data.forEach((item) {
    rows.add(DataRow(
      cells: [
        // 手动添加第一列复选框
        DataCell(
          Checkbox(
            value: selectedIndex == i,
            onChanged: (val) {
              if(val ?? false) {
                setState(() {
                  selectedIndex = i;
                });
                print(item);
              }
            },
          )
        ),
        // 原有数据列
        DataCell(Text(item['id'].toString())),
        DataCell(Text(item['category'].toString())),
        DataCell(Text(item['subject'].toString())),
        DataCell(Text(item['details'].toString())),
      ]
    ));
    i++;
  });
  
  return Container(
    margin: EdgeInsets.only(top: 10),
    child: SingleChildScrollView(
      scrollDirection: Axis.horizontal,
      child: DataTable(
        columns: [
          // 第一个表头为空，对应自定义的复选框列
          DataColumn(label: SizedBox.shrink()),
          DataColumn(label: Text("id")),
          DataColumn(label: Text("category")),
          DataColumn(label: Text("subject")),
          DataColumn(label: Text("details")),
        ],
        rows: rows
      ),
    )
  );
}

该方案无版本兼容问题，所有交互逻辑完全可控。

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