antd table表格嵌套子表格_【Flutter】 Table表格组件

1da12891ffd3258353995fcab36d7359.gif

说明

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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值