Flutter DataTable使用

1基础表格使用

  import 'package:flutter/material.dart'; //基础样式

class DataTableDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView(
      children: <Widget>[
        DataTable(columns: [
          DataColumn(label: Text("title")),
          DataColumn(label: Text("Author"))
        ], rows: [
          DataRow(cells: [DataCell(Text("hello")), DataCell(Text("wanghao"))]),
          DataRow(cells: [DataCell(Text("hello")), DataCell(Text("wanghao"))]),
          DataRow(cells: [DataCell(Text("hello")), DataCell(Text("wanghao"))])
        ])
      ],
    );
  }
}

 2:列表循环

import 'package:flutter/material.dart'; //基础样式
import 'package:http/http.dart';
import '../model/post.dart';

class DataTableDemo extends StatefulWidget {
  const DataTableDemo({super.key});

  @override
  State<DataTableDemo> createState() => _DataTableDemoState();
}

class _DataTableDemoState extends State<DataTableDemo> {
  List<DataRow> rowlist = [];
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return ListView(
      children: <Widget>[
        DataTable(
            columns: [
              DataColumn(label: Text("titl2e")),
              DataColumn(label: Text("Author"))
            ],
            rows: posts
                .map((e) => DataRow(cells: [
                      DataCell(Text(e.title ?? "")),
                      DataCell(Text(e.author ?? ""))
                    ]))
                .toList())
      ],
    );
  }
}