datatables

第 2-4 课:表格组件详解(Table 和 Data Tables)

风流意气都作罢 提交于 2020-10-03 01:49:03
这节课将是 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, //