如何为Flutter DataTable的每列使用不同的列表？

要实现Flutter DataTable的两列分别使用独立列表数据，核心是确保两个列表长度匹配，然后通过索引对应生成每行的单元格内容。

步骤1：定义独立的数据源 #

先准备两个长度一致的列表，分别存储姓名和地址数据：

// 示例姓名列表
List<String> nameList = ["张三", "李四", "王五"];
// 示例地址列表
List<String> addressList = ["北京市朝阳区", "上海市静安区", "广州市天河区"];

步骤2：重构DataTable的行生成逻辑 #

通过List.generate遍历列表，同时取对应索引的姓名和地址来构建DataRow：

Widget myTable = Container(
  child: SizedBox(
    height: 500,
    child: DataTable(
      columns: const [
        DataColumn(label: Text('Name')),
        DataColumn(label: Text('Address')),
      ],
      // 生成对应行数据，以列表长度为准
      rows: List.generate(
        // 取两个列表的最小长度，避免索引越界
        nameList.length > addressList.length ? addressList.length : nameList.length,
        (index) => DataRow(cells: [
          DataCell(Text(nameList[index])),
          DataCell(Text(addressList[index])),
        ]),
      ),
    ),
  ),
);

注意事项 #

• 必须保证两个数据源列表的长度一致，否则会出现索引越界错误；如果无法确保长度一致，建议使用min(nameList.length, addressList.length)来限制遍历的最大索引，避免崩溃。
• 如果后续需要扩展更多列，只需要新增对应的数据列表，并在DataRow.cells中添加对应的DataCell即可。

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