2014-04-01 119 views
1

我正在嘗試使用datatables'FixedColumns插件。沒有任何工作。我已經下降到示例代碼直客的網站,在這裏:DataTables FixedColumn「Uncaught ReferenceError:FixedColumns is not defined」

$(document).ready(function() { 
    var oTable = $('#example').dataTable({ 
     "sScrollX": "100%", 
     "sScrollXInner": "150%", 
     "bScrollCollapse": true 
    }); 

    new FixedColumns(oTable); 
}); 

腳本標籤:

<script type="text/javascript" src="http://address/testbed/js/jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="http://address/testbed/js/datatables.js"></script> 
<script type="text/javascript" src="http://address/testbed/js/fixedcolumns.js"></script> 

所有腳本根據鉻加載罰款。我收到的錯誤是「Uncaught ReferenceError:FixedColumns is not defined。」

的jQuery 1.11.0

數據表1.9.4

FixedColumns 3.0.1-DEV(我試過各種版本,這是最新的releast關閉github上)

這是怎麼回事?

+0

什麼是腳本標記是什麼樣子?文件是否加載?我的猜測是你缺少FixedColumns.js – epascarello

+0

添加了腳本標籤。這絕對不是問題。 Chrome報告他們都已成功加載。 –

回答

7

你應該使用:

new $.fn.dataTable.FixedColumns(oTable); 

這是什麼documentation我實際上說的也是。

的「構造」 FixedColumns只在它包裝插件和出口作爲$.fn.dataTable.FixedColumns

+0

但它說它像這裏的OP:http://datatables.net/release-datatables/extras/FixedColumns/index.html – epascarello

+0

你是對的,它確實在那裏說。但是看看github上的當前主人(寫這篇文章的時候是3.0.1-dev),至少從3.0.0開始,它不會像它在那裏描述的那樣工作。 – fabianfetik

+0

那麼,這工作...雖然Datatables是非常棒的,我發現他們的文檔方式太分散,無用......嗯。 謝謝! –

0

的IIFE定義試試這個

var oTable = $('#example').dataTable({ 
     "sScrollX": "100%", 
     "sScrollXInner": "150%", 
     "bScrollCollapse": true 
    }); 


new $.fn.dataTable.FixedColumns(oTable , { 
      leftColumns: 3 //specifies how many left columns should be fixed. 
     }); 
相關問題