table 表格布局

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      title: "table 表格布局示例",
      home: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("table 表格布局"),
      ),
      body: Table(
//        设置表格的列数及列宽
        columnWidths: <int, TableColumnWidth>{
          0: FixedColumnWidth(100.0),
          1: FixedColumnWidth(40.0),
          2: FixedColumnWidth(80.0),
          3: FixedColumnWidth(100.0),
        },
//          设置表格边框样式
        border: TableBorder.all(
          color: Colors.black38,
          width: 2.0,
          style: BorderStyle.solid,
        ),

//          添加表格数据
        children: <TableRow>[
//          第一行数据
          TableRow(children: [
            Text("姓名"),
            Text("年龄"),
            Text("性别"),
            Text("身高"),
          ]),
//          第二行数据
          TableRow(children: [
            Text("张三"),
            Text("18"),
            Text("男"),
            Text("170"),
          ]),
//          第三行数据
          TableRow(children: [
            Text("李四"),
            Text("24"),
            Text("男"),
            Text("175"),
          ]),
        ],
      ),
    );
  }
}