2011-12-15 59 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 {颜色:透明; }