Dynamic Data Table Plugin ZBTable (Original)

Add-ons

2026-07-26 04:09 6 次浏览 • 0 次下载 2.7KB

Dynamic Data Table Plugin ZBTable (Original)

Plugin Description: A basic jQuery table plugin that dynamically creates tables based on JSON data received from the backend.

Release Date: 2018-12-04 23:24

Plugin Instructions

evenRowClass、oddRowClass、curRowClassUsed for styling and can be customized;

overflowHeightSpecifies the height at which the table tbody displays a scrollbar;

In the titles parameter, title specifies the column header text, keyName specifies the key in the JSON data, checkBox indicates whether to display a checkbox, and width specifies a customizable column width;

The data parameter binds the data;

Plugin usage demo:

$('#test').ZBTable({
     //evenRowClass:'zbt-evenRow',//CSS class for even-numbered table rows
     //oddRowClass:'zbt-oddRow',//CSS class for odd-numbered table rows
     //curRowClass:'zbt-curRow',//CSS class for hovered table rows
     //overflowHeight: "260px",//Height at which the scrollbar appears
     titles:[{
           title: "id",
           keyName: "id",
           width: 40,
           checkBox: true
     },
     {
           title:"Name",
           keyName:"name"
     },{
           title:"Age",
           keyName:"age",
           width: 60
     },{
           title:"Height",
           keyName:"height"
     },{
           title:"Weight",
           keyName:"weight"
     },{
           title:"Gender",
           keyName:"sex"
     }],
     data: testData
});

This is the first plugin I have ever published and also the first jQuery plugin I have written. The reason I set a small JQ Coin download fee is to allow me to download, explore, learn from, and modify more plugins, so I can publish more work in the future. I hope you can understand and support this beginner's effort. Even a small contribution would mean a lot, especially if this plugin helps you. All future plugins will be open source and free.

The next version of the table plugin will include pagination, provide an external API for retrieving table values, and be released as free open-source software. Thanks.