jquerycsvtotable + tablesorter：保持显示，直到所有的东西都加载了？

我使用tablesorter结合jquerycsvtotable。一切工作正常，但是...表格加载的时刻和显示tablesorter的时刻之间存在滞后，这使得数据在屏幕上没有任何格式显示。时间根据数据量而不同，介于2到5秒之间。jquerycsvtotable + tablesorter：保持显示，直到所有的东西都加载了？

有没有什么办法显示“加载”GIF或只是没有什么，直到所有的过程完成，以避免显示丑陋的数据？

谢谢！

PS：我不是这个意思的时候发生的tablesorter当你点击某个标题单元格，这是我知道的是已经安排好与带进了头可选处理GIF图像重新排序行...

编辑：请在下面找到我的代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link rel="stylesheet" type="text/css" href="/js/ts/css/theme.default.css"> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="/js/ts/js/jquery.tablesorter.min.js"></script> 
<script type="text/javascript" src="/js/ts/js/jquery.tablesorter.widgets.min.js"></script> 
<script type="text/javascript" src="/js/csv/js/jquery.csvToTable.js"></script> 

<script> 
$(function() { 
    var mytable = $('#tabla1') 
    .CSVToTable('/est/data/cli_30_0000.txt',{ 
     loadingImage: '/js/csv/images/loading.gif', 
     separator: ";" 
    }) 
    .bind("loadComplete",function(){ 
     var footer = mytable.find('tr:last'); 
     mytable 
     .find('thead').after(footer.wrap('<tfoot/>').parent()).end() 
     .tablesorter({ 
      sortList: [[5,0]], 
      widthFixed : true, 
      widgets: ["zebra", "filter", "stickyHeaders"], 
      widgetOptions: {filter_hideFilters : true} 
     }); 
    }); 
}); 
</script> 

</head> 
<body> 

<p> 
<a href=../../>Home</a> <a href=../>30</a> <a href=./>0000</a><br> 
2013-04-15 12:45:17 
</p> 

<div> 
<table id="tabla1" class="tablesorter"> 
</div> 

</table> 

</body> 
</html>

来源

2013-04-20 jm_

您能分享一些代码吗？具体来说，你如何初始化csvToTable和tablesorter？ – Mottie 2013-04-20 23:05:26

@Mottie Code添加。 Juste FYI，CSV长2000行，12列（其中一个包含链接）， – 2013-04-21 09:05:43

我不知道这个解决方案是否就像在表中添加“tablesorter”类名一样简单。如果您使用的不是默认主题，还应包含该主题名称：

var mytable = $('#tabla1') 
    .CSVToTable('/est/data/cli_30_0000.txt',{ 
     tableClass: 'tablesorter tablesorter-default', // adjust theme name here 
     loadingImage: '/js/csv/images/loading.gif', 
     separator: ";" 
    })

来源

2013-04-22 13:02:25 Mottie

对不起，延迟回复。那么，我恐怕这是行不通的。在这张表中我使用了默认的主题，所以我只是复制/粘贴你的代码。不要担心，不是一个关键问题。谢谢。 – 2013-04-23 21:24:16

jquerycsvtotable + tablesorter：保持显示，直到所有的东西都加载了？

回答

相关问题