Android Flutter表格组件Table的使用详解

Table({
  Key? key,
  this.children = const <TableRow>[],//行列表 表示多少行
  this.columnWidths,// 表格每列分布宽度
  // 默认平分占比 修改每一列占比使用上面的参数
  this.defaultColumnWidth = const FlexColumnWidth(),
  this.textDirection,//阅读顺序
  this.border,// 边框样式
  this.defaultVerticalAlignment = TableCellVerticalAlignment.top,// 单元格垂直对齐方式
  this.textBaseline, //对齐文本的水平线
})

// 表格内容区
const TableRow({
this.key, 
this.decoration,// 行单元装饰
this.children // 每一行内容列表 表示一行多少内容
});

// 单元格垂直对齐方式
const TableCell({
  Key? key,
  this.verticalAlignment,// 具体单元格垂直对齐方式、上面修改全局，这里可以覆盖全局单独设置
  required Widget child,
}

columnWidths: {
  0:FixedColumnWidth(100),
  1:FixedColumnWidth(200),
  2:FixedColumnWidth(200),
},

SingleChildScrollView(
    scrollDirection: Axis.vertical,
    child: SingleChildScrollView(
        scrollDirection: Axis.horizontal,
        child:  Table(
          textBaseline: TextBaseline.alphabetic,
          defaultVerticalAlignment: TableCellVerticalAlignment.middle,
          defaultColumnWidth: IntrinsicColumnWidth(),
          children: _getTabRows(),
          border: TableBorder.all(color: Colors.red, width: 1),
        ),)),