第六十七回：PaginatedDataTable Widget

最新推荐文章于 2024-10-28 17:07:32 发布
原创 最新推荐文章于 2024-10-28 17:07:32 发布 · 599 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java #android #flutter #数据表格分页显示 #数据分页显示

文章介绍了Flutter中的PaginatedDataTableWidget，这是一个具有分页功能的数据表格组件，适用于大数据量展示。它允许用户通过点击页码进行数据浏览，并提供了如columns、sortColumnIndex、sortAscending等属性进行定制。文章提到了source属性的重要性，需要自定义DataTableSource子类来管理数据。示例代码展示了如何设置和使用这个组件，包括回调函数onPageChanged和数据排序功能。PaginatedDataTable通常用于网页，但在移动端应用较少。

文章目录


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

概念介绍

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

使用方法

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

  • columns属性：主要用来控制表格的列，类型是List<DataColumn>
  • sortColumnIndex属性：主要用来指出使用哪一列的数据进行排序；
  • sortAscending属性：主要用来控制使用升序还是降序进行排序，默认值是true,表示升序；
  • header属性：主要用来在表格头部显示数据表相关的标题等信息；
  • source属性：主要用来控制表格的行，它类似DataTable组件中的rows属性；
  • rowsPerPage属性：主要用来控制每页显示的数据行数,默认值为10;
  • arrowHeadColor属性：主要用来控制分页时上下页切换的按钮颜色；
  • onPageChanged属性：该属性是方法类型，切换分页时回调此方法；

上面介绍的这些属性中前三个属性的功能和DataTable组件中同名属性的功能相同，其它属性的功能可以看上面的介绍。

这些属性中我们重点介绍一下source属性，该属性的类型必须是DataTableSource抽象类的子类,因此，我们需要自定义一个DataTableSource类的子类，数据表中的数据通过该类进行存储和管理。

示例代码

PaginatedDataTable(
  //表格标题，在最上方显示
  header:
最低0.47元/天 解锁文章
第三十九章、PyQt显示部件：OpenGL Widget部件功能简介及使用其显示图片
老猿Python
04-27 4098
专栏：Python基础教程目录 专栏：使用PyQt开发图形界面Python应用 专栏：PyQt入门学习 老猿Python博文目录 老猿学5G博文目录 一、概述 OpenGL Widget部件是一个OpenGL（Open Graphics Library，开放图形库）图形渲染的部件，可以在PyQt和Qt的应用中显示图形（包括2D和3D图形），对应类为 QOpenGLWidget 。在Design...
Flutter 中的 PaginatedDataTable 小部件：全面指南
smileKH的博客
05-19 1710
是一个展示数据表格并提供分页功能的 widget。它将数据分成多个页面，每次只展示一个页面的数据，用户可以通过分页控件浏览其他页面。// ... 其他属性 ...
datatable columns: 表格内容不显示_【Flutter】PaginatedDataTable带分页功能的表格组件...
weixin_39829307的博客
12-20 1455
说明PaginatedDataTable是一个带分页功能的DataTable。实际开发过程中，数据都是从服务器上获取。常用属性属性名类型描述headerWidget表格顶部控件，通常为Text，也可以是ButtonBar，FlatButtonactionsList‍‍‍动作columnsList‍‍每一列的列头控件sourceDataTableSource数据源，需要继承DataTabl...
推荐使用：Flutter数据表格解决方案 - DataTable2 & PaginatedDataTable2
gitblog_00060的博客
06-01 1042
推荐使用：Flutter数据表格解决方案 - DataTable2 & PaginatedDataTable2 data_table_2In-place substitute for Flutter's DataTable and PaginatedDataTable with fixed/sticky header and extra features项目地址:https://gitc...
Flutter 分页功能表格控件
老孟Flutter
04-28 4228
老孟导读：前2天有读者问到是否有带分页功能的表格控件，今天分页功能的表格控件详细解析来来。 PaginatedDataTable PaginatedDataTable是一个带分页功能的DataTable，生成一批数据，项目中此一般通过服务器获取，定义model类： class User { User(this.name, this.age, this.sex); final Str...
flutter datatable
weixin_30613727的博客
10-09 238
最后，还是用到了 PaginatedDataTable 我把header改成了最终条件显示。 主要是要有listview之类的scrollview容器，否则会报错。 切换页的时候，记得加入空行，否则会报错，然后正常。 flutter的开发基本完成。 转载于:https://www.cnblogs.com/forhell/p/9761991.html...
理解Widget::Widget(QWidget *parent) :QWidget(parent)
m0_63520910的博客
08-26 1216
3 main函数实例化了两个子类实例，child1，child2。child1调用默认构造函数。2 上方代码定义了一个BaseChild类，并继承Base类，同样的，它也定义了两个构造函数，一个默认，一个有整型参数。初始化列表中的Base(val)正是调用了我们Base基类的有参构造函数，而这样的写法就刚好是我们开头代码中的那段。1 上方代码定义了一个基类Base，并且有两个构造函数，一个是默认构造函数，一个是有一个整型参数的构造函数。所以可以类比一下：Widget是调用了QWidget下面的构造函数。..
QT学习记录（001）：如何理解派生类构造函数写法Widget::Widget(QWidget *parent) :QWidget(parent)
huihui196的博客
01-11 3255
QT学习：如何理解派生类构造函数写法Widget::Widget(QWidget *parent) :QWidget(parent)
【Flutter】基础入门：自定义Widget
2303_80346267的博客
10-19 1819
在 Flutter 开发中，除了使用丰富的内置 Widgets 构建界面外，**自定义 Widget** 是让你的应用更灵活和个性化的重要手段。Flutter 允许你根据需求自定义 `StatelessWidget` 和 `StatefulWidget`，以实现复杂的 UI 组件或功能模块。
Flutter DataTable数据表
03-29
使用 DataTable就需要了解以下组件 DataColumn，描述数据表中的列。 DataRow，包含数据表中行的数据。 DataCell，包含数据表中单个单元格的数据。 PaginatedDataTable，它显示数据表中的部分数据，并提供对其余数据进行分页的控制。
mvc实现dataTable数据统计
05-24
基于MVC实现通过数学公式不同表格字段间的计算，并以表格的形式展示出计算结果
Flutter 分页功能表格控件详细解析
08-19
主要介绍了Flutter 分页功能表格控件详细解析，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
table-viewer:基于React Table，显示带有存储在URL路径中的sort，filter，page和columns控件的json表
05-03
表格查看器 基于 ，显示了json表，其中sort，filter，page和columns控件存储在url路径中。 是的，您可以对其进行排序和过滤，然后发送给您的朋友:) 支持的url存储功能： json档案格式 多重分类 排序顺序 选择过滤 正则表达式过滤 数字和字母列排序 数字列中的背景进度条 列可见性 缺点： 仅https 所有json必须是包含普通对象的数组 计划 我们希望添加对其他格式和其他配置的支持，但是现在我们不需要它。 如果您撰写有关所需内容的问题，我们将添加这些功能。
Flutter Widget之DataTable
AppBlog.CN全栈架构
05-05 173
【代码】Flutter Widget之DataTable。
Flutter使用 RiverPod构建优化的无限滚动分页
lhj_android的博客
10-28 1298
这个示例项目的主要目标是展示如何实现一个基于 Riverpod 的分页加载功能，并优化了在列表状态改变或更新单个 item 时导致整个列表重建的问题，从而提升了大列表的性能和流畅度。
android带分页功能的表格,Flutter 分页功能表格控件详细解析
weixin_36078354的博客
05-26 759
前2天有读者问到是否有带分页功能的表格控件，今天分页功能的表格控件详细解析。paginateddatatablepaginateddatatable是一个带分页功能的datatable，生成一批数据，项目中此一般通过服务器获取，定义model类：class user {user(this.name, this.age, this.sex);final string name;final int a...
数据表增强库 `data_table_2` 教程
gitblog_00007的博客
08-10 628
数据表增强库 data_table_2 教程 1. 项目介绍 data_table_2 是一个适用于 Flutter 的开源库，它是原生 DataTable 和 PaginatedDataTable 的增强版。它提供了固定/粘性头部、额外功能以及更美观的界面。此库旨在解决标准数据表格组件的一些限制，如自适应列宽、滚动性能等。 核心特性包括： 固定顶部行和左侧列 可设置的固定宽度列 自动高度调整（...
`data_table_2` 开源项目使用教程
gitblog_00191的博客
08-10 601
data_table_2 开源项目使用教程 本教程旨在为开发者提供一个详细指南，以理解和应用由maxim-saplin维护的data_table_2这一Flutter插件。此插件是Flutter默认DataTable和PaginatedDataTable的增强版，提供了固定表头、粘性头部等额外功能。下面是关于项目结构、启动文件和配置文件的详细介绍。 1. 项目目录结构及介绍 data_table_...
Flutter基础
04-06
本课程主要介绍Flutter的核心知识。Flutter主要用于开发跨平台Android App和iOS App。主要包括Flutter的安装，Flutter布局，常用组件、Android和iOS风格的组件、手势、图像、网络、数据库等核心操作。
Widget::Widget
最新发布
10-04
`Widget::Widget` 通常是 C++ 中类的构造函数定义方式，它是 `Widget` 类的构造函数。在使用 Qt 框架开发桌面应用程序时会经常出现这样的构造函数。 ### 代码示例及含义解释 ```cpp Widget::Widget(QWidget *parent) : QWidget(parent) , ui(new Ui::Widget) { ui->setupUi(this); } ``` - **函数声明部分**： - `Widget::Widget`：在 C++ 中，类的构造函数名与类名相同，`Widget::` 明确这是 `Widget` 类的构造函数。 - `(QWidget *parent)`：构造函数的参数列表，接受一个指向 `QWidget` 类型对象的指针 `parent`。在 Qt 里，很多窗口部件类的构造函数都会有一个 `parent` 参数，其作用是指定该窗口部件的父对象。当父对象被销毁时，它的所有子对象也会被自动销毁，有助于管理内存和窗口层次结构 [^2]。 - **初始化列表部分**： - `QWidget(parent)`：调用基类 `QWidget` 的构造函数，并把 `parent` 指针传递给它，在初始化 `Widget` 对象时先对其基类部分进行初始化。 - `ui(new Ui::Widget)`：初始化成员变量 `ui`，使用 `new` 运算符动态分配一个 `Ui::Widget` 类型的对象，并将其地址赋值给 `ui`。在 Qt 中，`Ui::Widget` 通常是使用 Qt Designer 设计界面后自动生成的类，包含了界面上各个控件的定义和布局信息 [^2]。 - **构造函数体部分**： - `ui->setupUi(this)`：调用 `ui` 对象的 `setupUi` 方法，并将当前 `Widget` 对象的指针 `this` 作为参数传入。该方法会根据 `Ui::Widget` 类中定义的界面信息，将各个控件添加到当前 `Widget` 上，完成界面的初始化工作 [^2]。 ### 使用方法 以下是一个简单的使用示例： ```cpp #include <QApplication> #include <QWidget> #include "ui_widget.h" class Widget : public QWidget { public: Widget(QWidget *parent = nullptr) : QWidget(parent), ui(new Ui::Widget) { ui->setupUi(this); } ~Widget() { delete ui; } private: Ui::Widget *ui; }; int main(int argc, char *argv[]) { QApplication a(argc, argv); Widget w; w.show(); return a.exec(); } ``` 在上述示例中，首先定义了一个 `Widget` 类，在其构造函数中调用了 `ui->setupUi(this)` 完成界面初始化。在 `main` 函数中创建了 `Widget` 对象并显示出来。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

talk_8

真诚赞赏，手有余香

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

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

打赏作者

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

抵扣说明：

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

余额充值