2013-04-18 65 views
2

正在使用Jquery DataTable(http://datatables.net)。我試着用一些演示Horizo​​ntol滾動條Jquery DataTable Horizo​​ntol Scroll

當我設置「sScrollX」屬性。我的DataTable DOM就像下面的一個

<div class="dataTables_scroll"> 
<div class="dataTables_scrollHead" style="overflow: hidden; position: relative; border: 0px none; width: 100%;"> 
<div class="dataTables_scrollBody" style="overflow: auto; width: 100%;"> 
<table id="resultsDatatable" class="dataTable" style="margin-left: 0px; width: 110%;" aria-describedby="resultsDatatable_info"> 
<thead> 
<tbody> 

哪裏得到Multiple Thead和我的UI很混亂。如果我刪除一切都很好,但我不會得到Horizo​​ntol滾動

什麼做錯了?

+1

你能提供[jsfiddle example](http://jsfiddle.net)這個問題嗎? – Dom

+0

我如何添加如何將數據表插件添加到小提琴?你可以分享DataTableDatatable插件的外部資源鏈接到Fiddle嗎? – Peru

+0

將'http:// datatables.net/download/build/jquery.dataTables.js'添加到外部資源。此處還有其他[數據表腳本](http://datatables.net/download/)的列表。 – Dom

回答

0

你沒有做錯任何事情 - 當啓用滾動功能時(僅在所有瀏覽器中執行此操作的方式),DataTable必須將表格拆分爲兩部分,並且要保持列寬匹配,則該元素將被複制。在視覺上,你根本不應該看到這一點。你能鏈接到顯示問題的演示頁面嗎?