jquery动态去读数据生成表格,可以点击表头排序,整个表格可以拖动
表格可以拖动,可以排序,数组生成表格
JavaScript Code
- <script>
- $(function () {
- var data = [[1, 'Exxon Mobil', '339,938.0', '36,130.0'],
- [2, 'Wal-Mart Stores', '315,654.0', '11,231.0'],
- [3, 'Royal Dutch Shell', '306,731.0', '25,311.0'],
- [4, 'BP', '267,600.0', '22,341.0'],
- [5, 'General Motors', '192,604.0', '-10,567.0'],
- [6, 'Chevron', '189,481.0', '14,099.0'],
- [7, 'DaimlerChrysler', '186,106.3', '3,536.3'],
- [8, 'Toyota Motor', '185,805.0', '12,119.6'],
- [9, 'Ford Motor', '177,210.0', '2,024.0'],
- [10, 'ConocoPhillips', '166,683.0', '13,529.0'],
- [11, 'General Electric', '157,153.0', '16,353.0'],
- [12, 'Total', '152,360.7', '15,250.0'],
- [13, 'ING Group', '138,235.3', '8,958.9'],
- [14, 'Citigroup', '131,045.0', '24,589.0'],
- [15, 'AXA', '129,839.2', '5,186.5'],
- [16, 'Allianz', '121,406.0', '5,442.4'],
- [17, 'Volkswagen', '118,376.6', '1,391.7'],
- [18, 'Fortis', '112,351.4', '4,896.3'],
- [19, 'Cr閐it Agricole', '110,764.6', '7,434.3'],
- [20, 'American Intl. Group', '108,905.0', '10,477.0']];
- var obj = { width: 700, height: 400, title: "ParamQuery Grid Example",resizable:true,draggable:true };
- obj.colModel = [{ title: "Rank", width: 100, dataType: "integer" },
- { title: "Company", width: 200, dataType: "string" },
- { title: "Revenues ($ millions)", width: 150, dataType: "float", align: "right" },
- { title: "Profits ($ millions)", width: 150, dataType: "float", align: "right"}];
- obj.dataModel = { data: data };
- $("#grid_array").pqGrid(obj);
- });
- </script>
XML/HTML Code
- <div id="grid_array"></div>
相关推荐
数据展示时候,经常从后台传入大小不等的矩阵。这里给出了根据不同矩阵大小,通过jquery的html()和append()方法动态生成html表格的实例。
一个用于生成多层复杂表头的jquery插件,可以进行表头和数据的动态生成,动态筛选以及一定的统计分析功能。
<!... <... <head> ...meta charset="UTF-8">...表格列自由拖动排序js... 一款非常不错的表格列自由拖动排序js代码,单击鼠标长按表格列自由拖动排序,互换列排序代码,点击表格头部支持表格数据升降大小排序效果。
jQuery动态表格数据分页检索排序代码,纯前端实现搜索功能(非原创)
jquery实现表格排序,绝对实用。jquery实现表格排序,绝对实用。
基于Jquery的前台按表头排序table tr th
使用jQuery实现动态可编辑表格,代码更少,兼容性更好
jquery mmgrid bootstrap表格插件数据表格排序 jquery mmgrid bootstrap表格插件数据表格排序
StickySort是一款非常实用的实现固定表头和可排序的jQuery表格插件。该表格可以非常容易的实现表格表头固定显示的效果。并且它可以对每一个表格列进行排序显示,非常的实用。
jquery表格排序jquery表格排序jquery表格排序jquery表格排序jquery表格排序jquery表格排序jquery表格排序jquery表格排序
jQuery实现表头固定表格内容滚动效果 jQuery实现表头固定表格内容滚动效果
利用jquery实现表格动态分页,前台用jquery实现。后台用java实现动态查询数据,分页。
jQuery带分页动态数据表格插件 jQuery带分页动态数据表格插件
非常好用的基于Jquery的前台按表头排序
jQuery JSON动态获取表格数据代码是一款jQuery函数调用json表格动态获取数据,表格全部折叠,全部关闭,双击表格行折叠关闭表格。
本人前端小白,因为项目需求,需要动态编辑表格,但是layui的编辑表格只适合 【有数据】修改功能用,并不适合【无数据】新增的功能使用,所以本人研究了几日,才写出了这么一个 无数据绑定,当然也可以自行绑定数据...
raydreams.js是一款基于Bootstrap的jquery动态数据表格插件。该jquery动态数据表格的特点是使用简单,它能通过json动态加载表格所需的数据,并通过配置参数设置表格列是否排序和添加功能按钮等。
jquery动态表格数据,包含分页功能,搜索功能,排序功能
jquery 表格插件 带分页动 态数据表格 代码 仿excel修改 仿excel表格 仿excel操作
jQuery表格列表拖动排序代码,拖动的时候高亮显示,支持任意拖动自动回位。