用户登录

DataTable 小部件可以创建数据表格 .. 我们可以把它放在一个 ListView 视图里面 .. 把这个 Column 换成一个 ListView ... 再去掉 mainAxisAlignment 属性 ..

在 ListView 的 children 里面,添加一个 DataTable .. 这个小部件有两个必须的属性,columns 还有 rows .. columns 里面是数据表格的栏目 ..

每个栏目可以用一个 DataColumn 小部件创建 .. 这个小部件里面需要一个 label 属性 .. 一个 Text ,显示的文字是 Title ..

复制一份,再添加一个栏目 .. 栏目的标签是 Author ..

有了栏目以后,再去设置一下 rows .. 就是表格里的每一行的内容 .. 每行内容可以用一个 DataRow .. 它里面需要一个 cells 设置一下这行内容里面的每个单元格 .. 表格里面有几个栏目,每一行内容就需要对应的几个单元格 .. 每个单元格是一个 DataCell .. 直接把要在单元格里显示的内容交给它 .. 一个 Text .. 文字是 hello .. 这个单元格对应的就是 Title 这个栏目 ..

还需要一个单元格 .. 文字是 wanghao .. 这行内容里面的第二个单元格对应的就是 Author 这个栏目 ..

然后再复制两份这个 DataRow .. 修改一下单元格里面的内容 .. hola ... 下面这个是 您好 ..

现在模拟器上显示的就是一个 DataTable .. 数据表格 .. 这个表格里面有两个 DataColumn ... Title 还有 Author ..

表格里面有三行具体的内容 .. 每一行内容都是一个 DataRow .. 这行内容里面,每个单元格用的是 DataCell ...

DataTable:数据表格《 Flutter 移动应用:MDC 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点