DataTables 1.9 — DataTables forums

datatables dynamic columns from array of objects

mrwillow — Fri, 28 Mar 2014 20:44:21 +0000

Hello , i have bit problem to show data in a datatable when I received data from ajax, I receive the next object from the server:

{
"aaData": [
{
"media": {
"url": "/file/532caafbf20aac2f5207587d/",
"type": "image",
"thumbnail": "",
"thumbnail_size": [],
"image_size": []
},
"vote_type": "dislike",
"name": "blasdas",
"visits": 0,
"attributes": [
{
"fields": {
"allowed_hosts": [],
"required": true,
"id": "5328ab63f20aac3ac4ea01e7",
"name": "links",
"class": "url"
},
"schema": {
"provider_url": "url",
"description": "string",
"title": "string",
"url": "url",
"thumbnail_width": "int",
"thumbnail_url": "string",
"version": "string",
"provider_name": "string",
"type": "string",
"thumbnail_height": "int"
}
},
{
"fields": {
"required": false,
"id": "5328ab63f20aac3ac4ea01e8",
"name": "barras",
"class": "progress"
},
"schema": {
"percent": "decimal"
}
},
{
"fields": {
"required": true,
"id": "5328ab63f20aac3ac4ea01e9",
"name": "ciudad",
"class": "location"
},
"schema": {
"latitude": "decimal",
"name": "string",
"longitude": "decimal"
}
}
]
}
]
}

in this object i have a property calls attributes, this property is an objects array, i want to add this attributes in columns to my datatable

how can I do that?

I have this config in my datatable

var oTable = $('#tableAssets').dataTable( {
"bProcessing": true,
"bServerSide": false,
"sScrollX": "100%",
"sScrollXInner": "100%",
"bScrollCollapse": true,
"oColReorder": {
"iFixedColumns": 2
},
"sDom": 'CR<"clear">lfrtip',
"oColVis": {
"buttonText": "Show Attributes",
"aiExclude": [0,1]
},
"sAjaxSource": "../../../collections/"+this.options._id+"/assets/?data=true",
"aoColumns": [
{ "sTitle": "Media", "mData": "media.thumbnail" },
{ "sTitle": "Name", "mData": "name" },
{ "sTitle": "url", "mData": "attributes.0.fields.class" },
{ "sTitle": "progress", "mData": "attributes.1.fields.class"},
{ "sTitle": "location", "mData": "attributes.2.fields.class"},
],
"bRetrieve" : true,

} );

In the attribute aoColumns i want the last three objects dynamic i want to use the data from the object that server response

Please I need a really help with this beacause i'm Breaking my head with that litle problem

DataTables version 1.9.4 - Change font color for table header

Sunnyuser — Fri, 28 Mar 2014 18:41:59 +0000

Hello all,

I'm using DataTables-1.9.4 and I'm very happy with this tool and I'm also a newbie.

I would like to change the font color for the table header: how can I do that? which file and which sections do I have to modify? style.css or demo_table_jui.css?

Thanks in advance for your help.

JQuery DataTable Row Grouping with Popover?

jeszy — Thu, 27 Mar 2014 22:05:32 +0000

Hello~ I had my first column's value with popover which worked prior to implementing the row grouping. When it gets grouped, the text is still linked but popover no longer shows up. There's no exception / error messages either. Hoping that this beauty will work with popover - my popover content is from HTML. Thanks in advance!

Datatables within asp:TabContainer where asp:TabPanels are dynamically generated in code behind

aquajunky — Fri, 21 Mar 2014 13:10:05 +0000

My asp:TabPanels are generated from code behind and the templates are exposed as user controls. Each tab has the same layout, a ListView with a table of data. To get the table to render the thead and tbody tags, I removed the runat server tag from the tag. However, each tabs table is no longer uniquely named because of this and I can thus only get the first one to operate with datatables. Does this scenario sound feasible? I will attempt to get this up to be able to post a link to.

Here is a link: http://www.aquajunky.net/FixingHeadersAndColumns/

Memory leak in datatable when using it inside iFrame

muthu211 — Thu, 27 Mar 2014 10:31:33 +0000

Hi Alan,

We are using datatable (1.9.4) and we have few entry fields in each row of the data table.
When the same datatable is being called outside iFrame, there is no subsequent memory increase.

However, when the same datatable is embeded inside iFrame, on each action performed on the user controls in the datatable, there is a subsequent increase in memory and the memory is not dropping down until the browser is closed.

We tried the following options
1) Used fndestroy() - however, this was not suited to our requirement as it cleared the entire table.
2) included bdestroy property - This was not impacting our requirement, but it also didnt brought the memory down.
3) we tried unbind the event listners option $(oSettings.nTableWrapper).find("*").andSelf().unbind(); (as per your suggestion in another discussion)

However, all the above options were not giving a hope.

Kindly suggest us on any other alternate approach to bring down the memory.

Cheers,
Muthu.

Single Object json to rows with key as column1 and value as col2

babablacksheep — Thu, 27 Mar 2014 08:09:19 +0000

Hello,
Is it possible with datatables to convert a single object json returned from server to rows of a table with key being column1 and value as column2.

Single Object Json from server:
[code]
{"data":"abc","name":"Diago","Age":23}
[/code]

Table with 2 columns , col1 key, col2: value
[code]
Sample Table Out Put with key:value pair as row
----------------------
| key | value |
----------------------
| data | abc |
| name | Diago |
| Age | 23 |
----------------------
[/code]

DataTable handling different format of json

babablacksheep — Wed, 26 Mar 2014 08:15:20 +0000

I am new to Datatables and trying to figure out this problem. I have a server which oupts json in certain format(see below).I cant change that on server side.

**Note: I am using link http://www.json-generator.com/j/cftupHnpbC?indent=4 to emulate my server response just for checking.

I have 2 problems
[quote]
1 - Since My json response doesn't have aaData: thing required by dataTable, I cant seem to initiliaze it.
Even if I add aaData: by hand to json just for checking, dataTable cant count total records.
2 - How I can set that manually ?Since I cant change output from server.
[/quote]

JSBIN LINK: http://live.datatables.net/dasuyaf/1/edit

[code]

ID
Name
Text

[/code]

[code]
$(document).ready( function () {
var table = $('#example').dataTable({
"sAjaxSource": "http://www.json-generator.com/j/cftupHnpbC?indent=4",
"aoColumns": [{
"mData": "id",
"mRender": function (data, type, full) {
return '';
}
}, {
"mData": "id"
}, {
"mData": "name"
}, {
"mData": "text"
}],
"bProcessing": true,
"bServerSide": true,
"sServerMethod": "GET",
"aoColumnDefs": [{
'bSortable': false,
'aTargets': [0]
}],
"fnDrawCallback": function (oSettings) {
console.log(this.fnSettings().fnRecordsTotal());
}
});
});
[/code]

[code]
[
{
"text": "Some text",
"name": "somedata",
"id": "89"
},
{
"text": "Some text",
"name": "somedata",
"id": "2"
},
{
"text": "Some text",
"name": "somedata",
"id": "12"
}
]
[/code]

How to customize generated styles..

santi — Thu, 27 Mar 2014 06:06:34 +0000

hi,

i am new to datatable and is doing some r&d for a poc.
one strange requirement for us is not to use any css files.
the client has a set of css toolkit and we are supposed to use that.
they have huge number of applications and wanted a common look and feel.

i was looking for some options and stumbled into issues.
obvious basic problem is, the syle classes used by our ui toolkit is not the same as the generated datatable style classes.
and we cannot change our css files to add datatable style classes.

another problem is the elements itself.
our ui toolkit uses for tables and datatable uses and

what is the best possible solution..?.
what i am doing is modifying the plugin(jquery.dataTables.min.js) to meet our requirement.
is thr any better way..?.

rgds,
santi..

Row grouping using the fixed column for two columns fixed

baileylee — Tue, 25 Mar 2014 00:23:16 +0000

Hi, all

I have two columns on the left to fixed, and of which the left most one I want to put in a group, I tried to set "iLeftColumns" to 2 but it doesn't work.
I find out this is because the api puts left most 2 columns in two one table which could not be grouped on a single column.
I'm thinking if there is a way to separate these two columns to help group one of it. Thanks,
here is the example links
http://jsfiddle.net/5A4Q9/

Bailey

DataTables warning: JSON data from server

desidoc — Sat, 05 Oct 2013 15:55:13 +0000

HI

My problem is that on localhost i have no error, but once i put the php pages on my web server fails with this error

DataTables warning (table id = 'dataTable'): DataTables warning: JSON data from server could not be parsed. This is caused by a JSON formatting error.

Has anyone any idea on what's happening

Thanks

Delete, Update and Reorder Issues

rolshan — Tue, 25 Mar 2014 01:01:15 +0000

I am using DataTables to dynamically create DataTables on the fly. In doing so, I am running into a couple of issues. The tables are populated using JSON data passed back from a server call via a URL. I am initialing the DataTable using aoColumns instead of aoColumnDefs. Not sure if this is part of the issue.

Upon calling fnDeleteRow, I am getting the following error: [quote]Unable to get property 'aoData' of undefined or null reference.[/quote] I am passing in the correct index of the row I am deleting.

Upon calling fnUpdate, I am getting the following error: [quote]Unable to get property 'aoData' of undefined or null reference.[/quote] I am passing in the correct index of the row I am updating and JSON that matches the JSON that initially populated the grid.

I am also using the row reordering plugin. Upon dragging a row to a new position, the grid is not passing in expected values. If I was to drag a row to a new position, fnMoveRows would be called as follows:

[quote]oTable - table object
sSelector - "tbody tr"
iCurrentPostion - "Test" (This is the value of the column the sort was initiated from)
iNewPosition - "NaN"
sDirection - "forward"
id - "row_1bb8f567-69dc-49d8-ad18-313663df676c"
sGroup = ""[/quote]

How do I get access to oSettings if I want to replace the default callback function in AJAX ?

genmoltek — Sat, 22 Mar 2014 15:23:58 +0000

I hope someone can point me in the right direction.
I just KNOW the answer is probably built into DataTables 1.9X already ..
but I can't see the Trees for the Forrest. :/

I saw the following post regarding 'Script is running too long' Issue on IE 8 (which I am unfortunately forced to use.)
http://datatables.net/forums/discussion/16655/ie8-a-script-on-this-page-is-causing-your-web-browser-to-run-slowly/p1
The code in that discussion thread appears to be using Interval and breaking the JSON returned from Ajax into more manageable chunks.

My problem is the Script is taking too long when CREATING the Table.
I have under 40k records and the AJAX call returns in under a second.

Question #1) Is that solution in the link above only for Tables that have already been drawn ? The name of that function leads me to think that it is for Updating but not useful for creating/initializing.

If the Answer to #1 is 'Yes', then I assume I have to take bits of the default callback and bits from the link above in order to create/initialize a table with Data that won't trigger the 'Script is Running too long' issue.

"If" that assumption is true, then that leads me to my last and most important Question:

Question #2) If I need access to the 'oSettings' object (which is used in the default callback) then should my own custom function use the 'this' pointer to gain access to the 'fnSettings' function ? Per Discussion Post: http://www.datatables.net/beta/1.8/examples/api/api_in_init.html

mRender giving an initial error

leeguth — Mon, 17 Mar 2014 17:51:00 +0000

I am using the mRender to display a count (not coming back in my ajax call) and a button (using a value in my data that I am not displaying). When i initially load the page, I get the following error: "DataTables warning (table id = 'example'): Requested unknown parameter '1' from the data source for row0."

After I get the error though, the page does display correctly. How do I get rid of the error?

Here is my ajax call:
success:function(data){
oTable = $('#example').dataTable( {
"bProcessing": true,
"aaData": data,
"aoColumns": [
{
"mData": null,
"sClass": "control center",
"sDefaultContent": ''
},
{ "mRender": function(data,type, row) {
return getProjectCount(row.prg_guid);
}
},
{ "mData": "prg_name" },
{ "mData": "market" },
{ "mData": "beta_date" },
{ "mData": "rtc_date" },
{ "mRender": function(data, type, row) {
if (row.prj_guid != ""){
return "Open in cPro";
} else
return "No cPro";
}
}

]
} );
}

I am hopefully using the mRender properly.....

Netbeans renders CSS parsing errors for Datatables 1.9.4

adamovic — Mon, 24 Mar 2014 12:10:00 +0000

[code]
* cursor: hand;
[/code]

This creates parsing error in CSS files. Any idea I can replace it with something which doesn't create parsing error? It is most likely Netbeans problem, however, this CSS syntax looks weird anyway.

$.fn.dataTableExt.ofnSearch[sType] does not work in 1.9.4

davidkonrad — Mon, 24 Mar 2014 06:09:41 +0000

Normally we could do this to prepare the content before filtering

[code]
$.fn.dataTableExt.ofnSearch['string'] = function ( data ) {
...
[/code]
see http://jsfiddle.net/Y5ycM/

This does not work in dataTables 1.9.4, see http://jsfiddle.net/27B6B/

The funny thing is, that the code looks the same and should be called in 1.9.4 also, but it never does. Is that a bug, or is there another approach to do this in 1.9.4, not mentioned in the changes?

regards,

DataTable bootstrap 3 user select row issue

Davidgallivan — Sun, 23 Mar 2014 03:13:03 +0000

I have a ASP.Net MVC page with datatable. Everything is working great until I change the table data. I have an edit button that submits changes via ajax. I return the results via a partial view, the defined table is in the partial view. The data comes back and the changes are shown. The events get hooked back up because I can see when I click on the row, the row_selected CSS class is getting assigned. The problems comes in when the css style does not get applied. I can see in the debugger that the class was applied, but as I click on the other rows, it gets the row selected class as well. normally it only adds the class to the selected row and removes it from the other ones. In addition, the bootstrap classes, odd and even are now missing from the table.

If I manually add the odd and even classes, the highlight starts to show but then any row you click becomes highlighted because it is not removing the row_selected class.

any suggestions would be helpful. maybe there is a better way of updated the data in the table besides a partial view.

thanks
David

ajax call
[code]
function postEntityWithTableUpdate(postData, apiURL)
{
var result = '';
$.ajax(
{
type: "POST",
url: apiURL,
data: postData,
async: false,
success: function (data) {
if (data.msg == "ServerError") {
toastr.error("Record was not able to be modified, see your system administrator");
}
else {
$("#mainContent").html(data);
setTableEvents();
}
}
});
return result;
}

function to set selected row

function setTableEvents()
{
$("#dataGrid tbody").click(function (event) {
$(oTable.fnSettings().aoData).each(function () {
$(this.nTr).removeClass('row_selected');
});
$(event.target.parentNode).addClass('row_selected');
populateSelectedRecord(event.target.parentNode);
});
}
[/code]

How we enable server side processing in JAVA?

softashu — Sat, 22 Mar 2014 06:25:47 +0000

Hi All,

We are facing one problem while loading full data at once . Data size < 2000.
Actually the table view distorted for couple of secs, after that it become Okay.

Our server side processing based on JAVA and JSON. Could you please help me to render data table without any distortion.

Datatables 1.9.4-- stop running script error on IE

anandpatil343 — Fri, 28 Feb 2014 09:47:25 +0000

I am using version 1.9.4 in my application, user is constantly getting stop running the script error on IE (8,9 etc)...

I have used the IE profiler , I have the below results : (some of the functions)

Function Count InclusiveTime (ms) ExclusiveTime (ms) AvgTime MaxTime
JScript - window script block 44,905 50,248.39 41,951.78 1.12 19,733.74
Array.unshift 1,447,666 7,249.77 7,249.77 0.01 343.74
initDataTable 1 57,201.30 6,827.91 57,201.30 57,201.30
initCreatedLeadsDataTable 1 62,888.61 5,687.32 62,888.61 62,888.61
pt 44,904 1,046.84 1,046.84 0.02 218.74
browserHandler 7 62,997.98 93.75 8,999.71 62,888.61
Array.sort 1 50,295.27 46.87 50,295.27 50,295.27
DataTable 1 50,373.39 15.62 50,373.39 50,373.39
String.replace 42 15.62 15.62 0.37 15.62

I need to know what is this array.unshift , why is taking being called so much time.
Need your assistance to resolve this error.

aoColumnDefs, sClass and aTargets (using class name) doesn't work.

kmd1970 — Thu, 20 Mar 2014 15:20:31 +0000

I am trying to use "aoColumnDefs" with "sClass" and "aTargets" (using the class name) and it doesn't seem to work.

When I debugged the jQuery.DataTables.js code I found that line 433 was always returning "false" for .hasClass().

[code]
432 if ( aTargets[j] == "_all" ||
433 $(oSettings.aoColumns[k].nTh).hasClass( aTargets[j] ) )
[/code]

Here is my Datatables live example:

http://live.datatables.net/bepesey/1/edit

Test Code Sample:

[code]
$(document).ready( function () {
var table = $('#example').DataTable(
{

"aoColumns": [
{"sTitle":"myTitle" ,"sClass": "myClass" },
null,
null,
null,
null,
null
],

"aoColumnDefs": [

{
"mRender": function ( data, type, row ) {

return ''+data+'';
},"aTargets": ['myClass']

}
]

}
);
} );
[/code]

pre sort callback

Halfone — Thu, 20 Mar 2014 09:42:02 +0000

Hello!

I have a page with a datatable. There is also a process that update directly the DOM of my table. I have no control over this process.

The table is sortable. But I think that the sorting mechanism of datatable is based upon the 'internal' stored data, that is different from the updated DOM.

So i've found the plugin "fnDataUpdate" that seems to solve the problem: it updates the internal stored data of datatable with the actual DOM content.

Now i have to apply the fnDataUpdate method before sort happen... but i can't found any callback to do this.

Searching for similar questions, i've found the 'fnDrawCallback' or 'fnPreDrawCallback' methods, but both doesn't function.

I've tried to bind the callback on the 'sort' event, but this is called after the sort is completed :/

Any suggestion?

Thank you very much :)

Here is a jsFiddle link

http://jsfiddle.net/4qtjJ/

to reproduce the problem:

1. click on the start button and wait the td change value
2. click again on the button to stop the process
3. click on 'Column' to do the sort (wrong)

4. uncomment the METHOD 1 or METHOD 2, run again the fiddle and do the steps 1. 2. 3.

5. observe that with METHOD 1 or METHOD 2 only the very first sort don't function.

this is because the fnDataUpdate is correctly executed... but AFTER the first sort happen, so its effect are visible from the second sort...

Destroy the datatable doesn't reset the column's visible setting

ika18 — Thu, 20 Mar 2014 07:08:29 +0000

Hi all,
I used [code] oTable.fnDestroy() [/code] to destroy table and reinitialise table. But the column's visible setting didn't reset.

filter & info boxes sticked to the right & left window borders

lowley — Wed, 19 Mar 2014 12:54:30 +0000

hello
My table has a width of 1000px and is centered, but with these values, the filter and the info _box are at sticked to the right & left border of the screen. what should I do to avoid that?

here is the table:
[code]

Nom
Prénom...[/code]

& here is the js code:
[code]
$(document).ready(function() {
$('#aTable').dataTable({
"bPaginate": false
});
});
[/code]

thanks.

Use of sScrollX creates duplicate table header id's, causing accessibility WCAG 2.0 A to fail.

sawyerr44 — Sun, 16 Feb 2014 11:23:20 +0000

Firstly, would like to say thanks for a great plugin!

I do have an issue that I struggling to resolve ;o(

My table has to conform to WCAG 2.0 AA standard.

I encounter an issue when id’s have been entered into my table header tags and the sScrollX option has been utilised, this combination causes the id’s to be duplicated within the table(s) and therefore causes the accessibility check to fail.

Here is an example of my table source code with the table header tags:

[code]

First Name
Surname
User Type
Email Address
User Name
Telephone Number
Centre Name
Current Status
Action

Joe
Bloggs
Admin
jbloggs@verelogic.com
jbloggs
01793 411111
DAO Administrator
Enabled
Edit Record - Joe BloggsModify User - Joe Bloggs

[/code]

I’m aware that when the sScrollX option is utilised, the table is split into three separate tables, but this is where I encounter my accessibility issue.

When I view the source or view the code in Firebug, the table header has been duplicated in both the dataTables_scrollHead and dataTables_scrollBody, which fails the accessibility check:

“ID must be unique.”

Please find below the output code to showcase this issue:

The first piece of code is the output for the dataTables_scrollHead (I have only cut three table headers as there is a lot of code.)

[code]

First Name

Surname

User Type

[/code]

The second piece of code is the output for the dataTables_scrollBody (I have only cut three table headers as there is a lot of code.)

[code]

[/code]

Your help would be much appreciated.

Cannot set column width while using filters

toddfielder — Wed, 19 Mar 2014 19:03:56 +0000

I am attempting to set column width while using filters...The filters are a row in the thead , so my thead has 2 rows. However, the aoColumns are not being applied. If I remove one of the rows (say the filter row) so that the thead only has a single row, everything works as expected.
My question is: Is there any way to set the column width with 2 rows in the header
Is there some other way to approach this? I have put both the filter and column title in the same , but it doesn't look as nice and that's not what I want...I actually want the filter to be a different row. Below is my code
[code]

${requestStatus.eventRequestStatusLabel}

${roleType.attendeeRoleTypeLabel}

Participant
Request Status
Org
Mgr
Event Title
City
State
Country
Role
Travel $
Registration $
Event Start Date

[/code]

How to access values from fnServerParams

systematical — Fri, 07 Mar 2014 21:15:15 +0000

Hello I am using DataTables 1.9.4 and I would would like to access the values that have been passed in fnServerParams. The code is quite simple:

[code]
var oTable = $('#report-table').dataTable({
"iDisplayLength": 300,
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "/casings/index.json",
"sDom": 'Rfrtip',
"fnServerParams": function ( aoData ) {
aoData.push({ "name": "customer_id", "value": $('#customer-id').val() });
aoData.push({ "name": "shipped", "value": $('#shipped-status').val() });
}
});
[/code]

Unfortunately I don't know how to access the values passed into aoData in fnServerParams. I've tried the following to no avail as I don't see customer_id or shipped anywhere.

[code]
var settings = oTable.fnSettings();
console.log(settings);
console.log(oTable.oApi._fnAjaxParameters(oTable.dataTable().fnSettings()));
[/code]

Does anyone know how to do this?

Need help with saving row data when clicked on & saving the state from one tab to another tab

svu004 — Mon, 17 Mar 2014 23:35:18 +0000

Hi,

I am very new to datatables. I have a JSON data that is passed to in response to AJAX call, and then, invoke the datatables on the json data as follows, and activate one tab of the page to contain the output of this datatable. I have couple of problems:

1. When the user selects a particular row, I need to keep track of the row data in a datastructure. Is there a better way to do it than what I doing below? How can we have the oTable.$('tr').click(function() to be defined out of the Ajax post response?

2. When the page tab which contains the output of the below datatable is switched with another tab, then, the oTable.$('tr').click(function() doesn't work anymore? Is there a solution or another option to do it?

3. If we need to have columns within columns, how can we do it with Datatables?

Can some one provide me some pointers for the above questions, which would be really helpful to me...

[code]
success: function(response) {

oTable = $("#example_table_id").dataTable({
"bProcessing": true,
"bAutoWidth": false,
"iDisplayLength": 10,
"aoColumns": response.aoColumns,
"aaData": response.aaData
});

//Register event handling for when the row is clicked on:

var oTableData=new Array();
oTable.$('tr').click(function() {
var oData = oTable
.fnGetData(this);
console.log(oData);
var index = oTableData
.indexOf(oData);

if (index != -1) {
oTableData.splice(index, 1);
} else {
oTableData.push(oData);
}

console.log(oTableData);

});

}

[/code]

Uncaught TypeError: Cannot read property 'style' of undefined while using colspan

narayanang27 — Fri, 07 Mar 2014 11:47:30 +0000

[code]

Engine
Browser
Platform
Version
Grade

Engine1
sub - engine1
Browser1
Platform1
Version1
Grade1

[/code]

after applying datatable plugin for the above table (colspan used table) it gives an error
[quote] Uncaught TypeError: Cannot read property 'style' of undefined in line no.3255 (line mentioned below) [/quote]

[code]
nThs[i].style.width = o.aoColumns[iVis].sWidth;
[/code]

I applied a validation line for that like

[code]
if(nThs[i] !== undefined)
nThs[i].style.width = o.aoColumns[iVis].sWidth;
[/code]

and it works fine!!!!

[quote] Is that ok Alan? If so please recommend it to others to use [/quote]

Json without aaData

lusabo — Tue, 18 Mar 2014 14:52:50 +0000

Is there a way to work with Datatables with sAjaxSource where the returned JSON has no aaData?

My table:

[code]

Id
Description
Link

[/code]

My javascript:

[code]
$('#exemplo').dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "api/bookmark",
"sAjaxDataProp": "",
"aoColumns": [
{ "mData": "id" },
{ "mData": "description" },
{ "mData": "link" }
]
});
[/code]

The JSON returned by http://localhost:8080/bookmark-html5/api/bookmark:

[code]
[
{
"id": 10,
"description": "Demoiselle Portal",
"link": "www.frameworkdemoiselle.gov.br"
},
{
"id": 11,
"description": "Demoiselle SourceForge",
"link": "sf.net/projects/demoiselle"
}
]
[/code]

The following error is occurring in the browser:

[quote]
Uncaught TypeError: Cannot read property 'length' of undefined
[/quote]

Thanks!

Filter records based on column data

prathap — Wed, 12 Mar 2014 11:06:45 +0000

My data array contains boolean (yes/no), tinyint (0/1/2) values. In fnCreatedRow function, i change it to respective text to display like below:

[code]
"fnCreatedRow": function (nRow, aData, iDataIndex) {
(aData[3] == 'Yes') ? $(nRow.cells[2]).html("Scheduled") : $(nRow.cells[2]).html("Manual");
}
[/code]

Now when i do search with [quote] Schedule [/quote], i am not getting any data. But if i search with [quote] Yes [/quote], i will get the respective row.

Can someone please give me a solution to search on the column data rather than on data array?

Regards,
Prathap.

Database fields and aoColumns order

prathap — Wed, 12 Mar 2014 11:33:57 +0000

Hi,

Many of my database queries return fields not in the order as it is being shown in grid. Since this is LIVE application and right now, we are changing our existing list using DataTable, we are finding it difficult to order the database fields and actual order required to be shown in grid.

Is there any option to write aoColumns array irrespective of the database fields order containing in the aaData array?

Point is we don't want to use aTargets option of aoColumnDefs as the fields and its order in the database query can be changed now and then.

Regards,
Prathap.