- 浏览: 77013 次
- 性别:
- 来自: 深圳
-
最新评论
-
libinhe:
是大小尺寸[img][/img][url][/url][fla ...
jQuery实现select下拉框样式美化效果 -
ceoajun:
求源码ceoajun@163.com
jquery Json Ajax搜索与分页效果代码 -
menghua8957:
怎么那链接地址不是下载的呢,求源码1144106538@qq. ...
jquery Json Ajax搜索与分页效果代码 -
zywcs:
看不到具体内容呀
几个基于jQuery 图片局部放大例子 -
elvishehai:
下载地址是你的一个网址呀,
打包分享几十种常用的JS代码例子
jQuery ui.ariaSorTable 支持分页的表格组件,想实现无刷新分页的朋友一定要看看这个jQuery ui插件,为你实现多功能表格提供有一份有力参考。除分页外,本表格组件支持表格双击表头排序,简单方便,推荐给大家。
前端代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <meta name="language" content="DE, AT, CH" scheme="DCTERMS.RFC3066" /> <meta name="creator" content="Felix Nagel, http://www.felixnagel.com for Namics (Deutschland) GmbH, http://www.namics.com" /> <title>ui.ariaSorTable - jQuery UI by http://www.jscss8.com</title> <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.1.custom.css" rel="stylesheet" /> <link type="text/css" href="css/style.css" rel="stylesheet" /> <!--[if gte IE 6]> <style type="text/css">@import url(css/style_ie.css);</style> <![endif]--> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/ui.core.js"></script> <script type="text/javascript" src="js/ui.ariaSorTable.js"></script> <script type="text/javascript" src="js/demo.js"></script> <script type="text/javascript"> $(function() { var table1 = $("table").ariaSorTable({ rowsToShow: 10, pager: true, onInit: function() { demoControl(); }, colsToHide: { 1: true, 7: true } }); $("#destroy").click(function (event) { table1.ariaSorTable('destroy'); }); $("#disable").click(function (event) { table1.ariaSorTable('disable'); }); }); </script> </head> <body> <h1>jQuery UI - ui.ariaSorTable</h1> <div id="controls"> <a href="performance.html">Performance Demo</a> | <a href="#" id="destroy">destroy</a> | <a href="#" id="disable">disable</a> </div> <div id="wrapper"> <div id="table-wrapper"> <table summary="This table holds sample data to test sorting and paging. Please feel free to sort colums by cicking their headers and see all data by clicking at the pager."> <caption class="ui-state-highlight ui-corner-all">Functional demo table</caption> <thead> <tr> <th class="ui-table-asc ui-state-active ui-table-number" style="min-width: 4.2em;"><a href="#server_site_order">UID</a></th> <th class="ui-table-number" style="min-width: 10em;"><a href="#server_site_order">Number</a></th> <th class="ui-table-number-de" style="min-width: 10em;">Decimal DE</th> <th class="ui-table-number" style="min-width: 6em;"><a href="#server_site_order">Decimal</a></th> <th class="ui-table-date-de" style="min-width: 8em;"><a href="#server_site_order">Date DE</a></th> <th class="ui-table-date-iso ui-table-deactivate" style="min-width: 8em;"><a href="#server_site_order">Date ISO</a></th> <th class="ui-table-text" style="min-width: 10em;"><a href="#server_site_order">String</a></th> <th class="ui-table-deactivate" style="min-width: 12em;"><a href="#server_site_order_only">false</a></th> </tr> </thead> <tbody> <tr> <td>1</td> <td>111112</td> <td>119,111</td> <td>111.231</td> <td>01.01.2009</td> <td>2009-01-01</td> <td>abcdefghijk</td> <td>Lorum ipsum</td> </tr> <tr> <td>2</td> <td>131112</td> <td>119,131</td> <td>311.231</td> <td>01.03.2009</td> <td>2009-03-01</td> <td><a href="#test">test link</a></td> <td>Sorum ipsum</td> </tr> <tr> <td>3</td> <td>13144562</td> <td>11459,131</td> <td>31.231</td> <td>02.03.09</td> <td>2009-03-02</td> <td>rwzkjgjk</td> <td>Sdrum ipsum</td> </tr> <tr> <td>4</td> <td>17662</td> <td>11459,131</td> <td>31.551</td> <td>23.03.09</td> <td>2009-03-23</td> <td>rwzkjgasjk</td> <td>Adrum ipsum</td> </tr> <tr> <td>5</td> <td>1232</td> <td>2259,131</td> <td>11.551</td> <td>28.03.2009</td> <td>2009-03-28</td> <td>egfgfsjk</td> <td>ioom ipsum</td> </tr> <tr> <td>6</td> <td>3452</td> <td>231239,1321</td> <td>61.661</td> <td>28.07.2009</td> <td>2009-07-28</td> <td>egffghgfsjk</td> <td>ioio fgpsum</td> </tr> <tr> <td>7</td> <td>862</td> <td>39,1321</td> <td>6.661</td> <td>28.12.2009</td> <td>2009-12-28</td> <td>hgjgfsjk</td> <td>Ipsum Lorem fgpsum</td> </tr> <tr> <td>8</td> <td>24342</td> <td>13,1321</td> <td>3.661</td> <td>01.12.2009</td> <td>2009-12-01</td> <td>abcdefgh</td> <td>Tipsum Lorem fgpsum</td> </tr> <tr> <td>9</td> <td>123456</td> <td>12,3321</td> <td>31.021</td> <td>05.12.2003</td> <td>2003-12-05</td> <td>ab212efgh</td> <td>Tertrem fgpsum</td> </tr> <tr> <td>10</td> <td>1456</td> <td>0,3321</td> <td>1.91</td> <td>12.12.2003</td> <td>2003-12-12</td> <td>btzhhgghgh</td> <td>Berum test fom</td> </tr> <tr> <td>11</td> <td>111112</td> <td>119,111</td> <td>111.231</td> <td>01.01.2009</td> <td>2009-01-01</td> <td>a</td> <td>Lorum ipsum</td> </tr> <tr> <td>12</td> <td>131112</td> <td>119,131</td> <td>311.231</td> <td>01.03.2009</td> <td>2009-03-01</td> <td>b</td> <td>Sorum ipsum</td> </tr> <tr> <td>13</td> <td>13144562</td> <td>11459,131</td> <td>31.231</td> <td>02.03.2009</td> <td>2009-03-02</td> <td>c</td> <td>Sdrum ipsum</td> </tr> <tr> <td>14</td> <td>17662</td> <td>11459,131</td> <td>31.551</td> <td>23.03.2009</td> <td>2009-03-23</td> <td>d</td> <td>Adrum ipsum</td> </tr> <tr> <td>15</td> <td>1232</td> <td>2259,131</td> <td>11.551</td> <td>28.03.2009</td> <td>2009-03-28</td> <td>e</td> <td>ioom ipsum</td> </tr> <tr> <td>16</td> <td>3452</td> <td>231239,1321</td> <td>61.661</td> <td>28.07.2009</td> <td>2009-07-28</td> <td>f</td> <td>ioio fgpsum</td> </tr> <tr> <td>17</td> <td>862</td> <td>39,1321</td> <td>6.661</td> <td>28.12.2009</td> <td>2009-12-28</td> <td>g</td> <td>Ipsum Lorem fgpsum</td> </tr> <tr> <td>18</td> <td>24342</td> <td>13,1321</td> <td>3.661</td> <td>01.12.2009</td> <td>2009-12-01</td> <td>h</td> <td>Tipsum Lorem fgpsum</td> </tr> <tr> <td>19</td> <td>123456</td> <td>12,3321</td> <td>31.021</td> <td>05.12.2003</td> <td>2003-12-05</td> <td>i</td> <td>Tertrem fgpsum</td> </tr> <tr> <td>20</td> <td>1456</td> <td>0,3321</td> <td>1.91</td> <td>12.12.2003</td> <td>2003-12-12</td> <td>j</td> <td>Berum fom</td> </tr> <tr> <td>21</td> <td>111112</td> <td>119,111</td> <td>111.231</td> <td>01.01.2009</td> <td>2009-01-01</td> <td>abcdefghijk</td> <td>Lorum ipsum</td> </tr> <tr> <td>22</td> <td>131112</td> <td>119,131</td> <td>311.231</td> <td>01.03.2009</td> <td>2009-03-01</td> <td>abmjmkjgjk</td> <td>Sorum ipsum</td> </tr> <tr> <td>23</td> <td>13144562</td> <td>11459,131</td> <td>31.231</td> <td>02.03.2009</td> <td>2009-03-02</td> <td>rwzkjgjk</td> <td>Sdrum ipsum</td> </tr> <tr> <td>24</td> <td>17662</td> <td>11459,131</td> <td>31.551</td> <td>23.03.2009</td> <td>2009-03-23</td> <td>rwzkjgasjk</td> <td>Adrum ipsum</td> </tr> <tr> <td>25</td> <td>1232</td> <td>2259,131</td> <td>11.551</td> <td>28.03.2009</td> <td>2009-03-28</td> <td>egfgfsjk</td> <td>ioom ipsum</td> </tr> <tr> <td>26</td> <td>3452</td> <td>231239,1321</td> <td>61.661</td> <td>28.07.2009</td> <td>2009-07-28</td> <td>egffghgfsjk</td> <td>ioio fgpsum</td> </tr> <tr> <td>27</td> <td>862</td> <td>39,1321</td> <td>6.661</td> <td>28.12.2009</td> <td>2009-12-28</td> <td>hgjgfsjk</td> <td>Ipsum Lorem fgpsum</td> </tr> <tr> <td>28</td> <td>24342</td> <td>13,1321</td> <td>3.661</td> <td>01.12.2009</td> <td>2009-12-01</td> <td>abcdefgh</td> <td>Tipsum Lorem fgpsum</td> </tr> <tr> <td>29</td> <td>123456</td> <td>12,3321</td> <td>31.021</td> <td>05.12.2003</td> <td>2003-12-05</td> <td>ab212efgh</td> <td>Tertrem fgpsum</td> </tr> <tr> <td>30</td> <td>1456</td> <td>0,3321</td> <td>1.91</td> <td>12.12.2003</td> <td>2003-12-12</td> <td>btzhhgghgh</td> <td>Berum fom</td> </tr> <tr> <td>31</td> <td>111112</td> <td>119,111</td> <td>111.231</td> <td>01.01.2009</td> <td>2009-01-01</td> <td>abcdefghijk</td> <td>Lorum ipsum</td> </tr> <tr> <td>32</td> <td>131112</td> <td>119,131</td> <td>311.231</td> <td>01.03.2009</td> <td>2009-03-01</td> <td>abmjmkjgjk</td> <td>Sorum ipsum</td> </tr> <tr> <td>33</td> <td>13144562</td> <td>11459,131</td> <td>31.231</td> <td>02.03.2009</td> <td>2009-03-02</td> <td>rwzkjgjk</td> <td>Sdrum ipsum</td> </tr> <tr> <td>34</td> <td>17662</td> <td>11459,131</td> <td>31.551</td> <td>23.03.2009</td> <td>2009-03-23</td> <td>rwzkjgasjk</td> <td>Adrum ipsum</td> </tr> <tr> <td>35</td> <td>1232</td> <td>2259,131</td> <td>11.551</td> <td>28.03.2009</td> <td>2009-03-28</td> <td>egfgfsjk</td> <td>ioom ipsum</td> </tr> <tr> <td>36</td> <td>3452</td> <td>231239,1321</td> <td>61.661</td> <td>28.07.2009</td> <td>2009-07-28</td> <td>egffghgfsjk</td> <td>ioio fgpsum</td> </tr> <tr> <td>37</td> <td>862</td> <td>39,1321</td> <td>6.661</td> <td>28.12.2009</td> <td>2009-12-28</td> <td>hgjgfsjk</td> <td>Ipsum Lorem fgpsum</td> </tr> <tr> <td>38</td> <td>24342</td> <td>13,1321</td> <td>3.661</td> <td>01.12.2009</td> <td>2009-12-01</td> <td>abcdefgh</td> <td>Tipsum Lorem fgpsum</td> </tr> <tr> <td>39</td> <td>123456</td> <td>12,3321</td> <td>31.021</td> <td>05.12.2003</td> <td>2003-12-05</td> <td>ab212efgh</td> <td>Tertrem fgpsum</td> </tr> <tr> <td>40</td> <td>1456</td> <td>0,3321</td> <td>1.91</td> <td>12.12.2003</td> <td>2003-12-12</td> <td>btzhhgghgh</td> <td>Berum fom</td> </tr> <tr> <td>41</td> <td>111112</td> <td>119,111</td> <td>111.231</td> <td>01.01.2009</td> <td>2009-01-01</td> <td>abcdefghijk</td> <td>Lorum ipsum</td> </tr> <tr> <td>42</td> <td>131112</td> <td>119,131</td> <td>311.231</td> <td>01.03.2009</td> <td>2009-03-01</td> <td>abmjmkjgjk</td> <td>Sorum ipsum test</td> </tr> <tr> <td>43</td> <td>13144562</td> <td>11459,131</td> <td>31.231</td> <td>02.03.2009</td> <td>2009-03-02</td> <td>rwzkjgjk</td> <td>Sdrum ipsum</td> </tr> <tr> <td>44</td> <td>17662</td> <td>11459,131</td> <td>31.551</td> <td>23.03.2009</td> <td>2009-03-23</td> <td>rwzkjgasjk</td> <td>Adrum ipsum</td> </tr> <tr> <td>45</td> <td>1232</td> <td>2259,131</td> <td>11.551</td> <td>28.03.2009</td> <td>2009-03-28</td> <td>egfgfsjk test #</td> <td>ioom ipsum</td> </tr> <tr> <td>46</td> <td>3452</td> <td>231239,1321</td> <td>61.661</td> <td>28.07.2009</td> <td>2009-07-28</td> <td>egffghgfsjk</td> <td>ioio fgpsum</td> </tr> <tr> <td>47</td> <td>862</td> <td>39,1321</td> <td>6.661</td> <td>28.12.2009</td> <td>2009-12-28</td> <td>hgjgfsjk</td> <td>Ipsum Lorem fgpsum</td> </tr> <tr> <td>48</td> <td>24342</td> <td>13,1321</td> <td>3.661</td> <td>01.12.2009</td> <td>2009-12-01</td> <td>abcdefgh</td> <td>Tipsum Lorem fgpsum</td> </tr> <tr> <td>49</td> <td>123456</td> <td>12,3321</td> <td>31.021</td> <td>05.12.2003</td> <td>2003-12-05</td> <td>ab212efgh</td> <td>Tertrem fgpsum test</td> </tr> <tr> <td>50</td> <td>1456</td> <td>0,3321</td> <td>1.91</td> <td>12.12.2003</td> <td>2003-12-12</td> <td>btzhhgghgh</td> <td>Berum fom</td> </tr> <tr> <td>51</td> <td>111112</td> <td>119,111</td> <td>111.231</td> <td>01.01.2009</td> <td>2009-01-01</td> <td>abcdefghijk</td> <td>Lorum ipsum</td> </tr> <tr> <td>52</td> <td>131112</td> <td>119,131</td> <td>311.231</td> <td>01.03.2009</td> <td>2009-03-01</td> <td>abmjmkjgjk</td> <td>Sorum ipsum</td> </tr> <tr> <td>53</td> <td>13144562</td> <td>11459,131</td> <td>31.231</td> <td>02.03.2009</td> <td>2009-03-02</td> <td>rwzkjgjk</td> <td>Sdrum ipsum</td> </tr> <tr> <td>54</td> <td>17662</td> <td>11459,131</td> <td>31.551</td> <td>23.03.2009</td> <td>2009-03-23</td> <td>rwzkjgasjk</td> <td>Adrum ipsum</td> </tr> <tr> <td>55</td> <td>1232</td> <td>2259,131</td> <td>11.551</td> <td>28.03.2009</td> <td>2009-03-28</td> <td>egfgfsjk</td> <td>ioom ipsum</td> </tr> <tr> <td>56</td> <td>3452</td> <td>231239,1321</td> <td>61.661</td> <td>28.07.2009</td> <td>2009-07-28</td> <td>egffghgfsjk</td> <td>ioio fgpsum</td> </tr> <tr> <td>57</td> <td>862</td> <td>39,1321</td> <td>6.661</td> <td>28.12.2009</td> <td>2009-12-28</td> <td>hgjgfsjk</td> <td>Ipsum Lorem fgpsum</td> </tr> <tr> <td>58</td> <td>24342</td> <td>13,1321</td> <td>3.661</td> <td>01.12.2009</td> <td>2009-12-01</td> <td>abcdefgh</td> <td>Tipsum Lorem fgpsum</td> </tr> <tr> <td>59</td> <td>123456</td> <td>12,3321</td> <td>31.021</td> <td>05.12.2003</td> <td>2003-12-05</td> <td>ab212efgh</td> <td>Tertrem fgpsum</td> </tr> <tr> <td>60</td> <td>1456</td> <td>0,3321</td> <td>1.91</td> <td>12.12.2003</td> <td>2003-12-12</td> <td>btzhhgghgh</td> <td>Berum fom</td> </tr> <tr> <td>61</td> <td>1456</td> <td>0,3321</td> <td>1.91</td> <td>12.12.2003</td> <td>2003-12-12</td> <td>btzhhgghgh</td> <td>Berum fom</td> </tr> </tbody> </table> </div> </div> <div id="copyright"> <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png" /></a><br />Diese(s) Werk bzw. Inhalt von <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">Felix Nagel für Namics (Deutschland) GmbH</span> steht unter einer <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Namensnennung-Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz</a>.<br />Über diese Lizenz hinausgehende Erlaubnisse erhalten Sie möglicherweise unter <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.felixnagel.com" rel="cc:morePermissions">http://www.felixnagel.com</a>. </div> </body> </html>
发表评论
-
jQuery图片渐变效果
2010-08-04 08:50 2208查看效果 下载地址 jQuery.cycle,模仿一款Fl ... -
jquery imagecropper 图片截取插件实例代码
2010-08-02 01:07 1561查看效果 下载地址 基于jquery的图片截取工具 jqu ... -
jQuery 大幅文字+图片滚动变幻的动画布局示
2010-08-02 01:06 1080查看效果 下载地址 jQuery 大幅文字+图片滚动变幻的 ... -
jQuery 滑动门菜单
2010-08-01 12:13 971查看效果 下载地址 jQuery MoveTab从字面意思 ... -
jquery的弹出层代码演示
2010-08-01 12:12 6558查看效果 下载地址 jquery 弹出层,一款大家都熟悉的 ... -
KinSlideshow jQuery 多样式图片幻灯片插件
2010-07-31 00:41 1219查看效果 下载地址 -
jquery Ajax表单输入检测验证一例
2010-07-31 00:41 1024查看效果 下载地址 Form Of Notifica ... -
jQuery “菊花文”文字转换工具
2010-07-30 00:40 996查看效果 下载地址 jQuery 有意思的文字转换工具,像 ... -
Jquery的很酷的黑色链接
2010-07-30 00:39 664查看效果 下载地址 -
jQuery 版坦克大战游戏
2010-07-29 00:47 963查看效果 下载地址 jQuery 版坦克大战游戏,仅完成了 ... -
jquery Json Ajax搜索与分页效果代码
2010-07-29 00:47 2606查看效果 下载地址 jquery Json Ajax搜索与 ... -
jQuery Select 下拉单选框模拟插件 V1.3.6
2010-07-28 01:14 1278查看效果 下载地址 jQuery Select 下拉 ... -
jQuery超酷菜单
2010-07-28 01:13 947查看效果 下载地址 jQuery超酷菜单 -
jquery 仿3D效果
2010-07-23 02:42 834查看效果 下载地址 -
jQuery的左右移动图
2010-07-23 02:41 902查看效果 下载地址 -
收缩与放大图片效果(JS+CSS)
2010-07-11 09:53 938查看效果 下载地址 收缩与放大图片效果(JS+CSS) ... -
五星菜单效果
2010-07-11 09:53 798查看效果 下载地址 五星菜单效果 -
用JS实现的图片滑动效果,超酷
2010-07-08 10:17 1760查看效果 下载地址 用JS实现的图片滑动效果,超酷 ... -
打包分享几十种常用的JS代码例子
2010-07-08 10:16 972查看效果 下载地址 打包分享几十种常用的JS代码 ... -
jquery用ul模拟表单select列表/菜单效果
2010-07-07 04:49 1383查看效果 下载地址 工作中用select总是遇到很多问题, ...
相关推荐
jQuery ui.ariaSorTable 支持分页的表格组件,想实现无刷新分页的朋友一定要看看这个jQuery ui插件,为你实现多功能表格提供有一份有力参考。除分页外,本表格组件支持表格双击表头排序,简单方便,推荐给大家。
本文将深入探讨“ui.ariaSorTable.zip”这个压缩包中涉及的核心技术点,以及如何在jQuery环境下实现分页和排序功能,同时解决与jQueryUI的冲突问题。 首先,我们要了解“ui.ariaSorTable.js”这个文件。它很可能是...
内容索引:脚本资源,jQuery,表格排序,无刷新分页 jQuery ui.ariaSorTable 支持分页的表格组件,想实现无刷新分页的朋友一定要看看这个jQuery ui插件,为你实现多功能表格提供有一份有力参考。除分页外,本表格组件...
总的来说,jQuery UI为开发者提供了强大且易于使用的用户界面组件,通过`jquery-ui.css`和`jquery-ui.js`,我们可以快速构建交互性丰富的Web应用,提高用户的操作体验。然而,合理地配置和优化这两个文件,以适应...
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://code.jquery....
jquery.ui.core.js,jqueryUi所需的js库
jquery ui.min.js亲测可用 jquery ui.min.js亲测可用 jquery ui.min.js亲测可用 jquery ui.min.js亲测可用 jquery ui.min.js亲测可用 jquery ui.min.js亲测可用
jquery的ui插件核心js文件: jquery.ui.widget.js
jquery-ui.css
jquery-ui中文日历控件,使用的时候记得先把文档编码改为UTF-8,否则中文显示乱码!
jquery-ui.min.js 1.8.5
在实际使用中,"jquery-ui.min.js"文件通常需要和"jquery.min.js"一起引用,因为jQuery UI依赖于jQuery的基础功能。在精简版的"jquery-ui.js"中,可能移除了某些不常用或者特定场景下的功能,目的是为了减少不必要的...
例如,`themes/base/jquery.ui.all.css`包含基础主题的所有样式,而`themes/base/jquery.ui.core.css`则包含了jQuery UI的基础样式。开发者可以根据需要选择或自定义主题,以改变组件的视觉效果。 2. **JavaScript...
jquery.ui.all.css
在"jquery.tablesorter.js"中,主要包含了对表格元素的遍历、事件监听、排序算法的实现等关键功能。例如,当用户点击表头时,插件会触发排序操作,并根据预设的排序规则(如字母顺序、数字大小)对表格数据进行重新...
一个非常棒的时间插件 <script language="javascript"> $(document).ready(function() { var yearFrom=new Date().getYear()-60+1900; var yearTo=new Date().getYear()-18+1900; $('#dateinput').datepicker...
jquery-ui 内的组件,是制作折叠面板必要的css的组成部分。