Flutter 中带有合并单元格的表或数据表

Question

您好，我需要在 Flutter 中执行类似的操作，但我无法单独使用数据表或表来执行此操作。有谁知道要使用哪个小部件或任何库来轻松实现它。问候！

Answer 1

目前，Flutter 尚不支持 rowspan 和 colspan 功能。事实上，有一个针对此问题的未解决错误。

如果您只需要静态表的此功能，请尝试将表放入表中，因为TableRow接受子级中的任何小部件，从而获得基本相同的结果。

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Table(border: TableBorder.all(), children: [
            const TableRow(children: [
              Text('Column 1'),
              Text('Column 2'),
            ]),
            TableRow(children: [
              const Text('Entry 1'),
              Table(border: TableBorder.all(), children: const [
                TableRow(children: [
                  Text('Nested Entry 1'),
                  Text('Nested Entry 2'),
                ]),
                TableRow(children: [
                  Text('Nested Entry 3'),
                  Text('Nested Entry 4'),
                ]),
              ]),
            ]),
          ]),
        ),
      ),
    );
  }
}