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：保持顯示，直到所有的東西都加載了？

回答

相關問題