PaginatedDataTable组件的用法


我们在上一章回中介绍了DataTable选择功能相关的内容,本章回中将介绍PaginatedDataTable Widget.闲话休提,让我们一起Talk Flutter吧。

在这里插入图片描述

1 概念介绍

我们在这里介绍的PaginatedDataTable是在DataTable的基础上添加了分页功能,它会在数据表的下面显示页序号,点击序号可能跳转到其它页,对于数据量比较大
的表格可以通过多个页来显示数据。它的整体用法和DataTable类似,本章回中将详细介绍它的使用方法。

2 使用方法

和其它组件类似PaginatedDataTable组件提供了相关的属性来控制自己,下面是常用的属性:

  • columns属性:主要用来控制表格的列,类型是List
  • sortColumnIndex属性:主要用来指出使用哪一列的数据进行排序;
  • sortAscending属性:主要用来控制使用升序还是降序进行排序,默认值是true,表示升序;
  • header属性:主要用来在表格头部显示数据表相关的标题等信息;
  • source属性:主要用来控制表格的行,它类似DataTable组件中的rows属性;
  • rowsPerPage属性:主要用来控制每页显示的数据行数,默认值为10;
  • arrowHeadColor属性:主要用来控制分页时上下页切换的按钮颜色;
  • onPageChanged属性:该属性是方法类型,切换分页时回调此方法;
    上面介绍的这些属性中前三个属性的功能和DataTable组件中同名属性的功能相同,其它属性的功能可以看上面的介绍。这些属性中我们重点介绍一下source属性,
    该属性的类型必须是DataTableSource抽象类的子类,因此,我们需要自定义一个DataTableSource类的子类,数据表中的数据通过该类进行存储和管理。

3 示例代码


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

talk_8

真诚赞赏,手有余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值