jQuery前端表格插件uiduck

所属分类： JQ特效其他独立的部件

查看演示立即下载

插件描述：jQuery前端表格插件uiduck，功能强大，支持前后端分页，模板语法，可接入三方UI库。

更新时间：2020-12-15 21:59:26

更新说明：修复网络数据后端分页数据总量为每页数据量错误

更新时间：2020-12-15 01:13:06

更新说明：修复网络数据下后端分页无效问题等

更新时间：2020-11-29 22:16:28

更新说明：

1.增加多table渲染支持。

2. 修改插件初始化方式。

3. 默认语言设置为英文。

4. 修复部分b ug

更新时间：2020-05-24 00:27:16

更新说明：简化demo示例，增加完整功能演示；修复loading为false时，tr被被隐藏问题

更新时间：2020-01-20 22:03:20

更新说明：修复后台分页时无法设置数据总数的bug

更新时间：2019-12-07 01:21:38

更新说明：修改文档说明页的pageOptions的class属性名称，改为pageClass。

更新时间：2019-12-05 23:37:45

uiduck

前端表格插件，功能强大，支持前后端分页，模板语法，可接入三方UI库。

准备工作

uiduck依赖于JQuery

在代码中引用上述文件

<link href="css/uiduck.css" type="text/css" rel="stylesheet">
<link href="css/uiduck-extend-theme.css" type="text/css" rel="stylesheet">
<script language="Javascript" src="js/uiduck.js"></script">

在代码中创建表格的DIV容器，并设置ID属性

1	`<div` `id="table"></div">`

使用配置说明

通过调用uiduck.setOptions()完成初始化

配置示例

uiduck.setOptions({
    templateId: "table",
    url: {
        url: "/",
        type: "POST",
        key: "sublives"
    },
    loading: {
        icon: "uiduck-loading-1"
    },
    page: true,
    fieldOptions: [{
            index: true,
            title: "序号"
        },
        {
            key: "cid",
            title: "ID"
        }, {
            key: "cname",
            title: "类型"
        }, {
            key: "collectionId",
            title: "测试",
            type: "map",
            computed: {
                "0": "李白",
                "1": "杜甫",
                "2": "白居易",
                "3": "王安石"
            }
        }, {
            key: "icon",
            title: "图标",
            type: "image",
            width: "30px",
            height: "30px",
        }
    ]
});

Author:nicezz

E-mail:hzdz163@163.com

本程序的版权遵循创作共用原则，你可以免费使用、修改、发布本程序，请注明原作者

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery仿魅族购物车结算
下一个特效： jQuery响应式多用途网站模板