微客导航 » 文章资讯 » Jquery动态列功能完整实例

Jquery动态列功能完整实例

2023-08-15 14:20:04 146

本文实例讲述了Jquery动态列功能。分享给大家供大家参考，具体如下：

看到有人写的一个JQUERY动态列，值得参考，特转发下来








$(function(){
//initpage
varcolumns=['ColumnA','ColumnB','ColumnC','ColumnD','ColumnE','ColumnF','ColumnG'];
for(vari=0;i'+columns[i]+'');
//generateheader
$('#dataTabletr[class="theader"]').append('');
//generatetablebody
$('#dataTabletr[class="tbody"]').append('');
}
//JSONformatdata
vardata={
'ColumnA':['A1','A2','A3','A4','A5'],
'ColumnB':['B1','B2','B3','B4','B5'],
'ColumnC':['C1','C2','C3','C4','C5'],
'ColumnD':['D1','D2','D3','D4','D5'],
'ColumnE':['E1','E2','E3','E4','E5'],
'ColumnF':['F1','F2','F3','F4','F5'],
'ColumnG':['G1','G2','G3','G4','G5']
};
//Generatetrasperdatasize
for(vari=0;++i
JQuery



--Select--

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery表格(table)操作技巧汇总》、《jQuery操作xml技巧总结》、《jQueryform操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

返回顶部
3162201930
czq8825@qq.com

Jquery动态列功能完整实例

热门推荐

随机推荐