94.qt qml-分页Table表格组件

在我们之前学习了87.qt qml-分页组件控件(支持设置任意折叠页数等)_qt分页控件_诺谦的博客-CSDN博客

然后我们又学习了Table实现,所以本章实现一个分页Table表格组件,配合分页控件, 模拟请求服务器数据来实现数据分解效果,因为一般使用分页的时候,一般都是分页请求,避免数据量过多,导致ui卡顿。

截图如下所示:

94.qt qml-分页Table表格组件_第1张图片

示例界面文件位于: qrc:/pages/QianControlPages/QianPaginationTablePage.qml

部分函数代码如下所示:

    // 模拟服务器缓存数据
    property var serverArrs: []

    Component.onCompleted: {
        let size = 2000
        serverArrs = [size]

        let nameArr = ["王二", "张三", "李四", "小红", "小明", "老明"]

        let age = 9
        let addrIndx = 2518
        for(let i = 0; i < size; 

你可能感兴趣的:(Qt,Quick/QML入门到精通,qt,table,qml表格分页)