jquery动态去读数据生成表格，可以点击表头排序，整个表格可以拖动

ruoyiqing

2014-05-06

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>  

原文地址:http://www.freejs.net/article_jquerywenzi_187.html

padding margin jquery

ruoyiqing

0 关注 0 粉丝 0 动态

关注关注

vmware扩展跟分区

进行的操作：在 windows 下运行 CMD , 转到 vmware 的安装目录,可执行vmware-vdiskmanager.exe；在Linux下，直接敲入vmware-vdiskmanager ,可执行该指令扩充使用的指令: vmware-vdis

周公周金桥 2020-09-06

Wyn Enterprise中如何转换数据类型？

在设计报表或者仪表板时，有时候从数据集获取到的数据类型和我们分析所需的类型并不匹配，不是同一种数据类型，可能会造成无法将数据正确分类或者过滤等情况。此处主要是仪表板数据集的数据类型转换。此处要注意，直接通过下拉选择调整类型可能部分情况不会生效。此时，需要使

大象从不倒下 2020-07-31

css基础--盒子模型

1 绝大多数标签都可以看作盒子，可以设置宽高或设置内容；在CSS中，"box model"这一术语是用来设计和布局时使用。　　CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。　　盒模型允许我们

AlisaClass 2020-07-19

多张图片懒加载

ul li { height: 900px; margin: 100px auto; text-align: center; }. oDiv.style.display = ‘block‘ : oDiv.style.display = ‘none‘

MaureenChen 2020-04-21

知识图谱如何改变银行业务模式？

知识图谱被构造为附加的虚拟数据层，位于现有数据库之上，并将数据大规模链接在一起。由于知识图谱基于知识和概念，因此要想创建良好的知识图谱，必须让整个组织内不同领域的主题专家都参与进来。试图建立自己的知识图谱的金融机构不必从头开始。由于知识图谱能够以智能的方式

xingguanghai 2020-03-13

web第六天，CSS优先级与盒子模型

　　　　通过设置inherit值，可以改变默认的继承方式。　　　　当设置相同样式时，后写的优先级较高，但不建议出现重复设置样式的情况。　　　　场景：紧急情况下使用。　　　　群组选择器与单一选择器的权重相同，靠后写的优先级高。　　　　3，padding属

teresalxm 2020-02-18

css布局及鼠标悬浮下拉框展现

<span class="span-left"> 信息。。。。。。。。。<span class="span-right"><span>评论|</span><spa

木四小哥 2013-05-14

Scope- ruby中变量的作用范围

当程序从一个class，或者module，或者method进入（退出）时，作用域就会改变，对应的3个关键字为：class module，和 def，每一个关键字的位置就是作用域的入口。class和module的作用域于method的不同，当定义class

SoShellon 2013-06-01

Nginx 下缓存静态文件（如css js)(转)

如css,js,htm,html,jpg,gif,png,flv,swf，这些文件都不是经常更新。便于缓存以减轻服务器的压力。proxy_cache cache_one;设置缓存共享内存区块，也就是keys_zone名称。proxy_cache_valid

Simagle 2013-05-31

浏览器缓存机制

Cache-Control 是最重要的规则。这个字段用于指定所有缓存机制在整个请求/响应链中必须服从的指令。这些指令指定用于阻止缓存对请求或响应造成不利干扰的行为。这些指令通常覆盖默认缓存算法。缓存指令是单向的，即请求中存在一个指令并不意味着响应中将存在同

羽化大刀Chrome 2013-05-31

css的margin与padding练习

DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>margin<

waterv 2020-01-08

svn c命令

大数据资料共享。

ganyouxianjava 2012-05-31

inotify+rsync实现linux文件批量更新[转]

Timeout = 300通过该选项可以覆盖客户指定的IP超时时间.通过该选项可以确保rsync服务器不会永远等待一个崩溃的客户端.超时单位为秒钟,0表示没有超时定义,这也是默认值.对于匿名rsync服务器来说,一个理想的数字是600.#transfer

LutosX 2013-07-29

linux_5 个获取 Linux 主机信息的命令

Linux 系统管理员在接手一台新的服务器的时候，如果没有好的交接文档，我们可以得到的主机信息就要靠我们自己了。很多信息是可以直接通过命令从主机上获得的，下面就和大家分享 5 个获取 Linux 主机信息的命令。您可能会注意到，主机名通常也出现在命令提示符

vanturman 2013-06-27

Linux中SWAP交换分区

编辑 /etc/fstab文件，并增加如下第二行代码。如果您喜欢这篇文章。UUID=b45eed4a-b319-43fa-9d03-200c558b5d84 / ext4 defaults 1 1UUID=0ab45aeb-98f7-4f31-863d-7

wutongyuq 2013-04-12

mac系统如何显示和隐藏文件

显示Mac隐藏文件的命令：defaults write com.apple.finder AppleShowAllFiles YES. 隐藏Mac隐藏文件的命令：defaults write com.apple.finder AppleShowAllFil

luoqu 2013-04-10

【内测来袭】PerfDogService 一键搭建您的性能测试平台

PerfDog是一款移动平台的性能测试工具，快速定位分析性能问题，提升APP应用及游戏性能和品质。手机无需ROOT/越狱，手机硬件、游戏及应用APP也无需做任何修改，极简化即插即用，是全网唯一支持iOS/Android/小程序/H5等移动全平台性能测试的工

today0 2020-09-22

最靠谱的http协议无状态解释

3 每次的请求都是独立的，它的执行情况和结果与前面的请求和之后的请求是无直接关系的，它不会受前面的请求应答情况直接影响，也不会直接影响后面的请求应答情况。所以，这个状态，加上前面说的客户端也有cookie，就是指，客户端和服务器在临时会话中产生的数据！

89520292 2020-09-18

(转)[iOS概念]Apple Pay与IAP的区别

在Apple Pay的发布会上,Eddy Cue表示,苹果并没有兴趣建立一个收集用户数据的业务,苹果并不知道你购买了什么,不知道你是从哪里购买的,为了这个商品花了多少钱。所以这也就是苹果和支付宝,微信等最大的不同:Apple Pay并不会将资金存放在App

bigname 2020-08-25

QNET：APP弱网络测试专家

基本思路是在PC上装一个Fiddler网络抓包工具，然后再将Android设备的网络代理到PC上，通过在PC上的Fiddler在设置延时来进行弱网络模拟。

灵均兰草 2020-08-20

安科网

jquery动态去读数据生成表格，可以点击表头排序，整个表格可以拖动

ruoyiqing

jquery动态去读数据生成表格，可以点击表头排序，整个表格可以拖动

ruoyiqing

相关推荐

vmware扩展跟分区

Wyn Enterprise中如何转换数据类型？

css基础--盒子模型

多张图片懒加载

知识图谱如何改变银行业务模式？

web第六天，CSS优先级与盒子模型

css布局及鼠标悬浮下拉框展现

Scope- ruby中变量的作用范围

Nginx 下缓存静态文件（如css js)(转)

浏览器缓存机制

css的margin与padding练习

svn c命令

inotify+rsync实现linux文件批量更新[转]

linux_5 个获取 Linux 主机信息的命令

Linux中SWAP交换分区

mac系统如何显示和隐藏文件

【内测来袭】PerfDogService 一键搭建您的性能测试平台

最靠谱的http协议无状态解释

(转)[iOS概念]Apple Pay与IAP的区别

QNET：APP弱网络测试专家

ruoyiqing