2011-12-15 30 views
2

當我們開始排序或其他事情時,數據表具有顯示'處理'消息的選項。一切都很好,只有當它隱藏'處理'時,仍然存在處理'處理'的空間。因此,當處理顯示數據已經被加載時,html表跳轉下來處理hidding,但html表不會跳回來,所以有可見的地方。 問題,如何使datatable刪除處理標記而不是隱藏。謝謝刪除'正在處理'而不是隱藏

編輯。我添加HTML代碼

<div id="search_table_processing" class="dataTables_processing" style="visibility: hidden;">Processing...<img alt="&lt; &lt;" src="/themes/third_party/linkedin_search/img/165.gif"></div> 
+0

這是垃圾郵件嗎?否則,我認爲至少需要一個代碼示例,或者更多的上下文來回答這個問題。 – wallyqs 2011-12-15 08:19:48

+0

如果你知道什麼datatables是你會知道我在說什麼 – user1091473 2011-12-15 08:23:50

+0

這不是數據表的默認行爲...張貼您的代碼片段 – Daniel 2011-12-15 08:38:28

回答

8

嗯,我只是碰到了這個,不得不自己挖掘它。

在版本1.9.0,您可以搜索這個片段:(搜索visibility後實測),

an[i].style.visibility = bShow ? "visible" : "hidden"; 

在縮小的版本,它目前這個(使用NuGet包):

c[d].style.visibility=b?"visible":"hidden"; 

問題是我們忽略樣式.dataTables_processing,根據示例CSS文件。這裏是什麼樣的一個有造型:

.dataTables_processing { 
    position: absolute; 
    top: 0px; 
    left: 50%; 
    width: 250px; 
    margin-left: -125px; 
    border: 1px solid #ddd; 
    text-align: center; 
    color: #999; 
    font-size: 11px; 
    padding: 2px 0; 
} 

一旦它的風格(或bProcessing設置爲false),不應該是一個問題。

如果您願意更改插件的功能(如果您認爲可以記住將其更改回來),則可以將其切換爲使用顯示而不是可見性。

4

如果您使用的是國際化 - 「oLanguage」屬性,在數據表的構造

替換您的本地化文件,這個老sProcessing值,以便將同時處理的自定義圖像:

"sProcessing": "<img src='/themes/third_party/linkedin_search/img/165.gif'/>", 

,這裏是你如何連接你的DataTable添加到本地化文件 (可從數據表網站Internationalisation of datatables下載)。 。 。

 "oLanguage": { 
      "sUrl": "../../jQuery/dataTables/media/MyLanguageFilesFolder/en_US.txt" 
     } 

。 。 。

如果不使用數據表的國際化,你可以隨時與上面的建議設置「sProcessing」值...

這裏一個例子:

$(document).ready(function() { 
$('#example').dataTable({ 
    "oLanguage": { 
     "sProcessing": "<img src='/themes/third_party/linkedin_search/img/165.gif'>" 
    } 
}); 

});

2

更改

an[i].style.visibility = bShow ? "visible" : "hidden"; 

an[i].style.display = bShow ? "block" : "none"; 

並沒有爲我工作。但是,我做到了通過改變語句

if (bShow == false) { 
      an[i].style.display = "none"; 
    } 
    else { 
     an[i].style.display = "block"; 
    } 

希望這有助於誰不希望添加任何CSS代碼,只是去的權利的源泉!

1

對於數據表版本1.9.4,只需編輯文件jquery.dataTables.js線3005,並更改以下:

an[i].style.visibility = bShow ? "visible" : "hidden";"block" : "none"; 

an[i].style.display = bShow ? 

爲我工作!

0

如果你想要的文字消失,而大背景下應該有,爲什麼不只是添加:

div.dataTables_processing {顏色:透明; }

相關問題