Error: i.browser is undefined

rboughani

I try to use jquery dataTable with angularjs, but i have some problem with horizontal scrolling, when i add "sScrollX": "100%", to my options, i have this error in console,

"Error: i.browser is undefined
Ma@http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.8.2/jquery.dataTables.min.js:73:170
C@http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.8.2/jquery.dataTables.min.js:61:201
N@http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.8.2/jquery.dataTables.min.js:81:370
R@http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.8.2/jquery.dataTables.min.js:87:254
t@http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.8.2/jquery.dataTables.min.js:41:22
http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.8.2/jquery.dataTables.min.js:151:317
.each@file:///W:/rafik/Template/jsext/jquery.min.js:2:2965
n.prototype.each@file:///W:/rafik/Template/jsext/jquery.min.js:2:836
i.fn.dataTable@http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.8.2/jquery.dataTables.min.js:139:179

rboughani

I have created a simple plkr to my case in this adress http://plnkr.co/edit/wqFZPbyaHmU5X6ZAl4CE?p=preview

i want to add a horizontal scroll to my table, but when i add "sScrollX": "100%", property, errors will apears

thx

tangerine

I don't see where you are initialising a DataTable.

allan

1.8.2 is on old version of DataTables. My guess is that you are using a new version of jQuery which doesn't have $.browser while the old 1.8.2 DataTables did use it.

I would suggest updating to 1.10.2.

Allan

rboughani

Hi allan it dosnt work with 1.10.2, you can see them http://plnkr.co/edit/wqFZPbyaHmU5X6ZAl4CE?p=preview

now the error is

"Error: invalid 'in' operand a
s@http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js:2:4102
.each@http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js:2:2733
G@http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js:4:306
fa@http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js:8:391
http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js:88:17
hb@http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js:13:153
http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js:88:1
.each@http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js:2:2876
n.prototype.each@http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js:2:838
N/p@http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js:80:457

rboughani

It work for this configuration

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"></script>
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.9.1/js/jquery.dataTables.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

http://plnkr.co/edit/wqFZPbyaHmU5X6ZAl4CE?p=preview

thank you allan and tangerine
rb,