jQuery front-end table plugin uiduck

Add-ons

2026-07-26 04:35 2 次浏览 • 0 次下载 2.7KB

Plugin description: uiduck is a powerful jQuery front-end table plugin that supports both client-side and server-side pagination, template syntax, and integration with third-party UI libraries.

Last updated: 2020-12-15 21:59:26

Changelog:Fixed an issue where the total number of records in server-side pagination was incorrectly set to the number of records per page when using remote data.

Last updated: 2020-12-15 01:13:06

Changelog:Fixed an issue where server-side pagination did not work with remote data, along with other fixes.

Last updated: 2020-11-29 22:16:28

Changelog:

1. Added support for rendering multiple tables.

2. Changed the plugin initialization method.

3. Set the default language to English.

4. Fixed some bugs.

Last updated: 2020-05-24 00:27:16

Changelog:Simplified the demo examples and added a complete feature demonstration. Fixed an issue where tr elements were hidden when loading was false.

Last updated: 2020-01-20 22:03:20

Changelog:Fixed a bug that prevented the total number of records from being set during server-side pagination.

Last updated: 2019-12-07 01:21:38

Changelog:Changed the class attribute name of pageOptions on the documentation page to pageClass.

Last updated: 2019-12-05 23:37:45

uiduck

A powerful front-end table plugin that supports both client-side and server-side pagination, template syntax, and integration with third-party UI libraries.

Preparation Work

uiduck depends on jQuery.

Reference the above files in your code.

<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">

Create a DIV container for the table in your code and set its ID attribute.

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

Configuration instructions

Initialize the plugin by calling uiduck.setOptions().

Configuration example

uiduck.setOptions({
    templateId: "table",
    url: {
        url: "http://data.live.126.net/livechannel/sub/3.json",
        type: "POST",
        key: "sublives"
    },
    loading: {
        icon: "uiduck-loading-1"
    },
    page: true,
    fieldOptions: [{
            index: true,
            title: "Index"
        },
        {
            key: "cid",
            title: "ID"
        }, {
            key: "cname",
            title: "Type"
        }, {
            key: "collectionId",
            title: "Test",
            type: "map",
            computed: {
                "0": "Li Bai",
                "1": "Du Fu",
                "2": "Bai Juyi",
                "3": "Wang Anshi"
            }
        }, {
            key: "icon",
            title: "Icon",
            type: "image",
            width: "30px",
            height: "30px",
        }
    ]
});

Author:nicezz

E-mail:hzdz163@163.com

The copyright of this program follows the Creative Commons principle. You may use, modify, and distribute this program free of charge, provided that you credit the original author.