第 2-4 课：表格组件详解（Table 和 Data Tables）

这节课将是 Flutter 常用组件的最后一节课程，相信通过前面这些课程的讲解和学习，大家已经掌握了 Flutter 的组件学习的方法和特点，适应了学习节奏。本节课主要讲解 Flutter 里的表格绘制组件的用法。

在 Flutter 中主要通过 Table 和 DataTable 组件来实现表格的绘制。本文将主要介绍：

• Table Widget 用法详解
• DataTable Widget 用法详解
• PaginatedDataTable Widget 用法详解

Table Widget 用法详解

我们先看下表格绘制的第一种实现组件：Table。Table 的继承关系：

Table -> RenderObjectWidget -> Widget

Table 中的每一行用 TableRow 组件，列数用 columnWidths 属性控制。

我们看下 Table 的构造方法：

Table({
    Key key,
    // 每行的TableRow集合
    this.children = const <TableRow>[],
    // 设置每列的宽度
    this.columnWidths,
    // 默认每列宽度值，默认情况下均分
    this.defaultColumnWidth = const FlexColumnWidth(1.0),
    // 文字方向
    this.textDirection,
    // 表格边框设置
    this.border,
    // 默认垂直方向的对齐方式
    this.defaultVerticalAlignment = TableCellVerticalAlignment.top,
    // defaultVerticalAlignment为