adding sWidth causing 'Uncaught TypeError: Object [object Object] has no method 'charCodeAt'

partyboy

Hi,

I'm trying to add the sWidth parameter, but no matter where I try to put it (aoColumnDefs or aoColumns) I'm getting : Uncaught TypeError: Object [object Object] has no method 'charCodeAt'

Here is my init code :

[code]
rfTable = $('.data-table').dataTable( {
"aaSorting": [[ 0, "desc" ]],
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"aoColumns": [
{ "mData": "dateCreated", "sWidth": "5%" },
{ "mData": "name", sDefaultContent: "" },
{ "mData": "email", sDefaultContent: "" },
],
"bProcessing": true,
"bServerSide": true,
"bPaginate":true,
"fnServerData": fnDataTablesPipeline,
"sAjaxSource": "/userManagement/admin/search2",
"sServerMethod": "POST"
} );
[/code]
This sample has same effect :

[code]
rfTable = $('.data-table').dataTable( {
"aaSorting": [[ 0, "desc" ]],
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"aoColumnDefs": [
{ "sWidth": "20%", "aTargets": [ 0 ] }
],
"aoColumns": [
{ "mData": "dateCreated"},
{ "mData": "name", sDefaultContent: "" },
{ "mData": "email", sDefaultContent: "" },
],
"bProcessing": true,
"bServerSide": true,
"bPaginate":true,
"fnServerData": fnDataTablesPipeline,
"sAjaxSource": "/userManagement/admin/search2",
"sServerMethod": "POST"
} );
[/code]

partyboy

forgot to say : I use jquery 1.9.1 and datatables 1.9.4.

The error is situated in line : 3879 in datatables.js (not minified)

allan

Are you using jQuery UI and if so, what version? Old versions have a bug that interfere with jQuery's width functions and cause this error.

Allan

partyboy

Yes, I'm using jquery ui 1.8.21 but if it's the problem I can update.

Thanks

allan

That's the problem... :-)

Allan

partyboy

Thanks Allan, problem fixed !