`
longgangbai
  • 浏览: 7330976 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JQuery 插件SortTable的学习总结

jQueryJavaScriptUICSSHTML 
阅读更多 
下载jquery中sorttable的js插件使用，用于美化截面同时满足客户需求
简单实例如下：
<!DOCTYPE html>
<html>
<head>
  <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" />
  <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://jqueryui.com/latest/ui/ui.sortable.js"></script>
  <script type="text/javascript">
  $(document).ready(function(){
   //在js初始化中绑定相应的id标签
    $("#sortable").sortable();
  });
  </script>
</head>
<body style="font-size:62.5%;">
  
<div id="sortable">
<table></table>
</div>

</body>
</html>

关于SortTable中特殊属性的应用：

 axis：表示默认为false表示不可拖动，如果设置为‘x’，‘y’则可以水平或垂直拖动

cancel：表示如果匹配cancel设置的元素则停止排序。

scroll：表示是否可以滚动的

start:定义的回调的函数当排序时。

 

 

分享到：
| 关于Jquery实现datepicker实现国际化的应用
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery.sorttable.js

    jquery.sorttable.js库是用于html table 排序插件库

    Jquery sorttable拖拽并保存数据库

    自己独立研究2天结晶，本项目利用Jquery sorttable插件实现，可以实现任意拖拽并保存数据库，思路简单易学，初始化时展示拖拽后的结果。本项目附有数据库，直接附加便可运行操作。如有疑问请联系1096012618

    jquery插件tablesorter例子

    总结，Tablesorter 是一个强大且灵活的 jQuery 插件，能轻松实现表格数据的排序功能，同时支持自定义排序规则、事件监听、模块扩展等特性，是开发中处理表格数据的强大工具。通过深入了解和实践，你可以根据项目需求...

    表格排序插件jquery.tableSort.js

    《表格排序插件jquery.tableSort.js深度解析》 在网页开发中，数据的展示与管理是不可或缺的一部分，尤其是在处理大量结构化数据时，表格成为首选的展示方式。然而，为了让用户能够更方便地查找和理解数据，对表格...

    jQuery仿Excel样式的表格排序插件.zip

    《jQuery仿Excel样式的表格排序插件详解》 在网页开发中，为了提供用户友好的交互体验，模拟桌面应用的功能已成为一种趋势。...在深入学习和实践中，你将能够更好地掌握这个插件，为你的项目增添更多亮点。

    jquery.tableSort.js表格排序插件使用方法详解

    1.一定要引jQuery包，所有jq插件都是基于jQuery包的 2.如果想指定哪一栏不排序这样写 $(“#mytable”).tablesorter({headers:{5:{sorter:false}}}); 第5列的sorter为false就OK了 参考：//...

    jQuery设置表格列字段筛选改变代码

    总结，本示例展示了如何使用jQuery和DataTables插件在HTML表格中实现列字段的筛选和排序功能。用户点击列标题时，JavaScript会捕获事件，判断排序方向并更新表格内容。同时，CSS用于增强视觉效果，使得用户能够清楚...

    jquery table的静态排序

    要使用jQuery Tablesorter插件，首先需要确保项目环境中已包含jQuery库。这是因为Tablesorter插件是基于jQuery构建的，因此依赖于jQuery提供的功能。接下来按照以下步骤操作： 1. **引入jQuery库**： 在HTML文档的...

    sorttable实验

    总的来说，`tableSorter` 是一个强大且灵活的jQuery插件，它使得为HTML表格添加排序功能变得简单易行。通过了解其基本用法、配置选项以及支持的数据类型，你可以根据项目需求定制出符合预期的排序功能。在网页开发中...

    很好的jquery排序

    总结来说，“很好的jquery排序”涉及的是使用jQuery和相关的插件，如tablesorter，来实现无刷新的表格排序功能。这个功能不仅提高了用户的交互体验，而且在配合Ajax技术后，可以实现动态的搜索和排序，为Web应用程序...

    jquery实现table内数据排序，点击即可

    如果需要更复杂的功能，可以考虑使用`DataTables`等成熟的表格插件，它们提供了丰富的功能，包括分页、过滤、搜索、多列排序等。 总的来说，通过`jQuery`实现的表格排序功能，不仅提高了用户体验，还降低了服务器端...

    jquery 表格排序

    总结来说，这个jQuery表格排序的例子展示了如何使用纯JavaScript（而非依赖特定插件）实现一个基本的表格排序功能。通过点击表头，可以对表格数据进行升序或降序排列。同时，通过添加CSS样式和JavaScript逻辑，可以...

    jQuery仿Excel表格列表排序代码.zip

    function sortTable(column, isAscending) { var tableData = ...; // 获取表格数据 tableData.sort(function(a, b) { if (isAscending) { return a[column] &gt; b[column] ? 1 : -1; } else { return a[column]...

    基于jquery的表格筛选，排序，分页js

    可以创建一个分页插件，如`bootstrap-pagination`，或者手动实现。手动实现时，需要计算每页显示的行数，维护当前页数，以及创建分页按钮并绑定点击事件。例如： ```javascript var pageSize = 10; var currentPage...

    jQuery实现的表格前端排序功能示例

    本文实例讲述了jQuery实现的... //插件 $.extend($,{ //命名空间 sortTable:{ sort:function(tableId,Idx){ var table = document.getElementById(tableId); var tbody = table.tBodies[0]; var tr = tbody.r

    jquery tablesorter.js 支持中文表格排序改进

    而tablesorter.js是一个jQuery插件，用于表格内容排序。它具备许多高级功能，例如多列排序、支持远程内容排序等，是改善用户体验的优秀工具之一。但最初版本的tablesorter.js插件并不支持中文排序，这在很多中文环境...

    客户端使用JS排序数据列表

    JQuery插件如`jQuery.tablesorter`或`DataTables`提供更高级的功能，如过滤、分页和自定义排序规则，可以进一步提升用户体验。 总的来说，通过JQuery和JavaScript在客户端进行数据列表排序是前端开发中的常见实践，...

    tablesorter.rar

    它基于jQuery库，因此需要在项目中引入jQuery才能使用。 9. **配置选项**： 通过设置配置对象，可以调整TableSorter的行为，例如设定默认排序列、排序方向、过滤器样式等。 10. **API方法**： TableSorter 提供...

    js排序

    JavaScript（简称JS）是一种轻量级的解释型编程语言...同时，利用现有的JavaScript库和工具，如jQuery和专门的排序插件，能够更高效地完成排序任务。深入理解这些概念和实践技巧，对于提升JavaScript编程技能至关重要。

Magicbox
Global site tag (gtag.js) - Google Analytics