Flutter中如何实现嵌套表格？TableRow嵌套失效问题求助

问题根源 #

你当前的写法错误在于直接将TableRow作为另一个TableRow的子元素——TableRow的children参数要求传入Widget类型组件，不能嵌套TableRow，这会导致渲染失败。

两种可行解决方案 #

方案1：单元格内嵌套Column/Rows（适合单个单元格包含多个元素）

如果需要在一个单元格里放置多个文本或组件，直接在TableCell内部嵌套Column或Row即可，示例：

TableRow(
  children: [
    TableCell(child: Text("COA")),
    TableCell(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        children: [
          Text("COA", textAlign: TextAlign.center),
          Divider(height: 1, color: Colors.black), // 可选：添加分隔线模拟单元格效果
          Text("DSTL", textAlign: TextAlign.center),
        ],
      ),
    ),
  ],
)

方案2：使用单元格合并（适合类似Excel的跨行/跨列场景）

如果你的需求是实现单元格跨行/跨列合并，Flutter的TableCell支持rowSpan（跨行）和columnSpan（跨列）属性，这是实现复杂表格的标准方式，示例：

Table(
  border: TableBorder.all(),
  children: [
    // 第一行：第一个单元格跨2行
    TableRow(
      children: [
        TableCell(
          rowSpan: 2,
          child: Center(child: Text("COA")),
        ),
        TableCell(child: Center(child: Text("COA"))),
      ],
    ),
    // 第二行：仅需补充未被合并的列
    TableRow(
      children: [
        TableCell(child: Center(child: Text("DSTL"))),
      ],
    ),
  ],
)

适配你的时间表格场景 #

你可以改造之前的myTableRow函数，加入对单元格合并或嵌套布局的支持，比如根据传入参数判断是否需要嵌套Column，或者设置rowSpan。另外RotatedBox的旋转逻辑可以保留，注意调整容器的padding和对齐方式避免布局拥挤。

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