说明
Table组件是一个表格组件,适合不滑动的网格控件,尤其是如果拥有不同大小的小控件。嵌套的行和列可能会比较乱,
Table组件组件提供了一致性并为您调整子窗口的大小。
基本用法:
Table(
border: TableBorder.all(
color: Color(0xffdddddd), width: 1.0, style: BorderStyle.solid),
children: [
TableRow(children: [
TableCell(child: Text('标题一')),
TableCell(child: Text('标题二')),
TableCell(child: Text('标题三')),
]),
TableRow(children: [
TableCell(child: Text('第一行内容')),
TableCell(child: Text('第二行内容')),
TableCell(child: Text('第三行内容')),
]),
TableRow(children: [
TableCell(child: Text('第一行内容')),
TableCell(child: Text('第二行内容')),
TableCell(child: Text('第三行内容')),
]),
],
columnWidths: {
0: FixedColumnWidth(100.0),1: FixedColumnWidth(80.0),2: FixedColumnWidth(80.0),
},
),
常用属性
//表格的每一行的高度,由其内容决定,每一列的宽度,则由columnWidths控制
Table({
Key key,
this.children = const [],//行元素this.columnWidths,//设置每一列的宽度。this.defaultColumnWidth = const FlexColumnWidth(1.0),//默认的每一列宽度值,默认情况下均分this.textDirection,//文字方向,一般无需考虑。this.border,//表格边框。this.defaultVerticalAlignment = TableCellVerticalAlignment.t