jquery tablesorter动态更新表格

最近使用jquery tablesorter，遇到了一个问题，需要删除tbody中的内容，重新从网络读取，然后加载排序，百度好久都没找解决办法，没办法，只能看官网文档了

找了好久终于找到了配置

$("#myTable1 tbody").empty();


$("#myTable1 tbody").append(html);
**$("#myTable1").trigger("updateCache");**

$("#myTable1").trigger("update");

加粗的这部分很关键,官网是这么说的:

updateCache Update the parsers, only if not defined, then update the internal cache (v2.15.4).

它更新了tablesorter自己维护的数据，将最新的数据放到了内置存储中，并且删除了老的数据

时间： 2024-11-07 19:16:51

jquery tablesorter动态更新表格的相关文章

jQuery ajax 动态append创建表格出现不兼容ie8

很多情况下,通过js(jQuery1.10)动态来创建一些样式,对页面的动态交互来说是很方便的但是不同的浏览器针对动态生成的不是很兼容,在此遇见的不兼容ie8,跟各位分享下代码: json数据 data.json [{"name":"ajax","job":"manong"},{"name":"js","job":"diaosi"}] html

动态加载页面数据的小工具 javascript + jQuery （持续更新）

使用该控件,可以根据url,参数,加载html记录模板(包含json参数对应,以及具体记录位置Index根据参数描述加载对应的属性,并可以根据简单的判断分支加载对应html或者控件)至列表容器内(JQuery选择器字符串)注: 该控件在使用前需引入JQuery框架支持,使用该控件,可极大的减少Ajax列表数据动态加载开发工作的实际工作量. 使用方式: 首先,添加控件引用,并加入Jquery支持 <script src="js/jquery.js"></script&g

MVC&JQuery如何根据List动态生成表格

背景:在编码中,常会遇到根据Ajax的结果动态生成Table的情况,本篇进行简要的说明.这已经是我第4.5篇和Ajax有关的随笔了,互相之间有很多交叠的地方,可自行参考. 后台代码如下: 1 public ActionResult Index() 2 { 3 4 return View(); 5 } 6 7 8 public ActionResult GetStus() 9 { 10 List<Stu> ListStu = new List<Stu>(){ 11 new Stu{A

使用jquery的tablesorter插件进行表格排序

今天在学习bootstrap的时候,突然看见tablesorter这个东东了,立马百度了一下,发现了这个东东.. 下面说一下今天我在项目中看见前辈们用的表格排序 tablesorter的官方网站:http://tablesorter.com/docs/ 使用方法:1.下载tablesorter http://tablesorter.com/jquery.tablesorter.zip 2.解压文件,将jquery和jquery.tablesorter.min.js导入到项目文件中 3.修改htm

第84天：jQuery动态创建表格

jQuery动态创建表格 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>动态创建表格</title> 6 <script src="jquery-1.11.1.js"></script> 7 <style> 8 table {

JQuery动态添加表格，然后动态删除不成功问题

背景: 自己做了一个测试网页,想动态添加表格,然后删除,按照网上的教程写完,发现点击"删除参数"按钮没用源码: function addtr() { var trinfo = "<tr><td><input placeholder='参数名称' style='width: 80%'></td>" + "<td><input placeholder='参数值' style='width: 7

jquery.tablesorter.js 学习笔记

jquery.tablesorter.js 一般情况下,表格数据的排序方式有两种,第一种是让后端服务将排序后的数据直接输出,另外一种方式就是使用客户端排序,而jquery.tablesorter.js可以满足此需求实现效果图如下 1.官方地址 jquery.tablesorter.js 2. HTML 结构 <table id="myTable" class="tablesorter"> <thead> <tr> <

ajax动态生成表格

定时动态更新图表

在进行实现动态更新图表时主要使用AJAX技术,主要分两种实现方法,一种是通过ASP.NET特有的AJAX控件,UpdatePanel.Timer控件+ASP.NET自带的Chart控件实现:另一种为使用第三方的图表库+JQUERY\AJAX实现. ASP.NET控件实现实现: 前台将要定时刷新的内容放到updatePanel中即可,前台代码如下: <form id="form1" runat="server"> <asp:ScriptManage