DataTables 1.9 — DataTables forums

server-side processing

jkmetko — Sat, 15 Feb 2014 11:54:13 +0000

Hi guys,
I'm stucked on server-side processing for two days and can't figure out any other solution which might work.
I'm constantly getting this error: "Cannot read property 'asSorting' of undefined".

PHP script downloaded from example works fine, so the table should.
Here's the code:

[code]
function dataTable( id, destination ){

this.id = id;
this.destination = destination;
this.drawHeader = drawHeader;
this.drawFooter = drawFooter;
this.activateDataTable = activateDataTable;

table = '';
table += '';
table += '';
table += ' ';
table += ' ';
table += ' ';
table += '';
table += ' ';
table += ' ';
table += ' ';
table += ' ';
table += ' ';
table += ' ';
table += '';

//DRAW TABLE
destination.append( table );
this.drawHeader();
this.drawFooter();
this.activateDataTable();

//DRAW HEADER
function drawHeader(){
var header = $('#'+ this.id +'-header');

$.ajax({ url: 'php/app/ajax-table-getHeader.php',
data: { request: 'drawHeader' },
type: 'POST',
success: function(output) {
header.append( output );
}
});
};

//DRAW FOOTER
function drawFooter(){
var footer = $('#'+ this.id +'-footer');

$.ajax({ url: 'php/app/ajax-table-getHeader.php',
data: { request: 'drawFooter' },
type: 'POST',
success: function(output) {
footer.append( output );
}
});
};

//ACTIVATE DATA TABLE
function activateDataTable(){
var oTable = $('#'+this.id).dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "../../php/app/ajax-test.php"
} );

};

}

$(function(){
flightsTable = new dataTable( "flightsTable", $("#widget-flightsTable") );
})
[/code]

Thank you all for advices.
Have a nice day!

Getting aoData null exception

viraj_viru — Mon, 17 Feb 2014 10:18:48 +0000

Hello all, I m using datatable in my MVC project. I have rendered datatable into pop up dialog and it is working fine for first time, when I close the pop up dialogue and open it again the datatable is rendering perfectly but when I click on row it gives me aoData not fount exception. After long search I found that the datatable which passed on row click and the datatable which rendered has some difference. Can any body help me on this problem?

bFilter does not filter new cells

kaippally — Fri, 14 Feb 2014 04:02:43 +0000

I have a HTML table with some rows of data. I then update some cells via AJAX, but the new cells are not being filtered.

Please help.

how to always show a fixed number of rows

visceralist — Mon, 10 Feb 2014 17:02:14 +0000

Hi Allan

I hope you are well.
listen, I am trying to figure out something with the datatable that I didnt see an API hook for. My table viewport adjusts its height as the window resolution changes. that's all cool.

what I need to figure out is how to always show a fixed number of rows inside the view port; I don't actually care what that fixed number is; it can show whatever it was going to fit in that viewport height anyway. what I am trying to prevent is the scenario where a row at the most bottom is shown partially: half of the row is show and the other half isn't - you'd have to scroll up a little bit to show it fully; I need to figure out so what viewport height changes, it fits n number of rows without partials.

any input on this?
cheers mate, thank you

Floating and dynamically resizing input fields above their respective columns

mrashkovsky — Tue, 11 Feb 2014 20:37:48 +0000

Is there a recommended solution for having input fields on a per-column basis, and having those filter fields stay above each column and resize dynamically with the columns? I've implemented something using jqueryui's position functionality ( http://jqueryui.com/position/ ) but just wondering if there are any other good solutions for this problem.

The test case would be when resizing the window, or paging through data that changes the widths of the columns, that the filter fields should resize their widths automatically. Also that when the page loads the filter fields position themselves right above each column.

Filter doubts

matheusrocha89 — Fri, 14 Feb 2014 14:00:29 +0000

I created a table with some sample datas that I created and initialize the dataTable...amazing, everything works GREAT! But I have a doubt, imagine that in one column I have 3 kind of data: VIP, Regular and Trial...Is there some way in the search input I write something like this: "VIP Regular" and the dataTable filter rows of both values? I tried but didn't work cause the dataTable tried to find the column that have both values together.

Two oSettings object instance in table it's correct?

ColorAnt — Thu, 13 Feb 2014 07:51:50 +0000

Hi, all.
First, sorry for my English.
My problem:
I update dT from 1.8.2 to 1.9.4 and discover what my dataTables object which I save as
[code]var table = $("#kdl-profile-table").dataTable({[/code]
,and which I use below in my functions,
have two instance table.dataTableSettings [0] and [1].

Its correct behaviour? I'm not see it early.

Keyboard Navigation - have to tab through the empty created inside 'dataTables_scrollBody'

deepugn — Tue, 11 Feb 2014 06:15:32 +0000

Hi,
I was working on keyboard accessibility in a application using datatables, but came through the issue of an empty in the case of scroll, and i am forced to tab through the empty theads a number of times equal to the number of columns.

http://datatables.net/forums/discussion/2765/a-side-effect-of-vertical-scroll-feature-creating-two-thead-sections/p1

How can i get around this by setting the tabindex of only the empty to -1 ?

Best Regards,
Deepu.

Getting started

jackrisk — Wed, 12 Feb 2014 00:54:18 +0000

I'm sure my problem is very basic but I would appreciate your help. I have little knowledge of jQuery. Your debugger tells me that js is not running on my page: http://www.jackrisk.ca/MeditationBibliography.html.

I copied the expanded files to my website and I have uploaded all new files.

Here is the scripting I have in the head:

$(document).ready( function () {
$('#MeditationBibliography').DataTable();
} );

How to use horizontal and vertical scrolling with server side processing ?

kavittp — Tue, 04 Feb 2014 08:35:10 +0000

Dear Allan,
I am using 'Datatable Jquery plugin' with server side processing in my application. Now i want to use Horizontal and Vertical Scroll Bars in the datatable.
So to implement this, i used 'sScrollX', 'sScrollXInner' and 'sScrollY' in datatable code (as mentioned below) :
[code]
"sScrollX": "100%",
"sScrollXInner": "110%",
"sScrollY": 200,
[/code]

after this, when i executed my application...the data did not come in datatable and an error occured in browser like "Object doesn't support this property or method" and its indicating error in 'jquery.dataTables.js' javascript file.

Here I am sharing the URL of screenshots of datatable and error occured respectively :

Below URL shows the datatable, where data didn't came and scrollbars also not showing in a proper way.
https://www.evernote.com/shard/s378/sh/f6545ba1-e13d-4c74-9601-3792359d4a72/d2a2db7469692312ebdb4d07fd94871b

Below URL shows the error, which comes when datatable initialised.
https://www.evernote.com/shard/s378/sh/8a522ebb-77eb-43a2-a31c-d8ca767eaf00/8beec6f04df61be6babbca1c2ce6bd5b

Below are the javascript and HTML Code what we are using in my application :

Javascript Code :

[code]

$(document).ready(function()
{

TableTools.BUTTONS.download = {
"sAction": "text",
"sTag": "default",
"sFieldBoundary": "",
"sFieldSeperator": "\t",
"sNewLine": "
",
"sToolTip": "Download Excel",
"sButtonClass": "DTTT_button_xls", //eariler was "DTTT_button_text"
"sButtonClassHover": "DTTT_button_xls_hover", //earlier was "DTTT_button_text_hover"
"sButtonText": "Download",
"mColumns": "all",
"bHeader": true,
"bFooter": true,
"sDiv": "",
"fnMouseover": null,
"fnMouseout": null,
"fnClick": function( nButton, oConfig ) {
var oParams = this.s.dt.oApi._fnAjaxParameters( this.s.dt );
var iframe = document.createElement('iframe');
iframe.style.height = "0px";
iframe.style.width = "0px";
iframe.src = oConfig.sUrl+"?"+$.param(oParams);
document.body.appendChild( iframe );
},
"fnSelect": null,
"fnComplete": null,
"fnInit": null

};

$('#id_submit').click(function() {

$("#prepack").dataTable({
"bDestroy":true,
"bRetrieve": false,
"bJQueryUI": true,
"bServerSide": true,
"bAutoWidth": true,
"sAjaxSource": "/demo_trial_application/DatasourceGsonServlet",
"bProcessing": true,
"sPaginationType": "full_numbers",
"sScrollX": "100%",
"sScrollXInner": "110%",
"sScrollY": 200,
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"aButtons": [ "copy","csv","xls","pdf"],
"sSwfPath": "./table_tool2.0/media/swf/copy_cvs_xls_pdf.swf"
},
"aaSorting":[[0,'desc']]

});

});

});

[/code]

HTML Code :

[code]

Site_id
Low_ord_srl_no
Start Date
Pass Flag
Emp_no
Last Update
ETL_batch_id

Loading Data From Server...

[/code]

Please tell me if anything wrong in above mentioned code...I am getting error (as mentioned) at the time of server side processing..hence scroll bar not showing and data are also not coming..

Please help me to sort out these issue...it very much urgent for my application.

Thanks in advance.. :)

DataTables could not be implemented in repeating tables

mfaizmzaki — Wed, 12 Feb 2014 06:51:47 +0000

Hello, I have the following code (table_view.php) which serves as the default table for the site. All data in the site that is to be represented in a table will be calling the function from table_view.php. Meaning to say, it could be called repeatedly by different datasets. For instance, on a page, there could be 5 different tables with 5 different datasets but all calling from the same function. This will make all the tables having the same table id (since it is called from the same file table-view.php)

[code]

$row_id="";
if($_GET['page']==1 || isset($_GET['page'])==false){
$row_id=1;
}elseif (isset($_GET['page']) && $_GET['page']>1) {
$row_id=($_GET['page']-1)."1";
}

$doc = JFactory::getDocument();

$doc->addScript('http://code.jquery.com/jquery-1.11.0.min.js');
$doc->addScript('http://datatables.net/download/build/nightly/jquery.dataTables.js');

$doc->addScriptDeclaration('
jQuery(document).ready( function () {
jQuery("#main-table").DataTable();
});
');
?>
title ?>

tableWidth)) echo 'width="'.$this->tableWidth.'"';?> >

if(!$this->hideHeaderTable)
{

if($_GET['t']!='maklumat_ringkas'){
echo "Bil";
}

foreach($this->tableData[0] as $key=>$tableHeader)
{
?>
tableData[0][$key] ?>
}
?>

}

$lenData = count($this->tableData);

for ($j=3;$j < $lenData; ++$j)
{
?>
>
foreach($this->tableData[0] as $key=>$tableHeader)
{
?>
tableData[2][$key] ?>>tableData[$j][$key]) ?>
}
?>

}

?>

[/code]

However, I only managed to implement DataTables on the first occuring table. The remaining tables remain the same without DataTables. How can I implement DataTables on all of the tables on the page since they've all got the same table id?

DataTables Ajax + php +mysql

pipechaves — Tue, 11 Feb 2014 21:12:53 +0000

Hi Guys

Im really really new on DATATABLES

Im trying to pull out some information from mySQLDB in order to use Datatables, without success.........

I tried to follow the example that shows a biiiiiiiiiiiiig script at http://datatables.net/examples/data_sources/server_side.html
but I wasnt able to get any result data.

So for example got a DB students with score and name. <--my php should do the query and

-------------
so to get the json should it be on the php side?
-------------
mysql lets say its select * from students;<--does work returns results

$row = array();
while ( $aRow = mysqli_fetch_array( $rResult ) )
{
$row[] = $aRow["name"];
$row[]=$aRow["score"];
}
$output['aaData'][] = $row;
echo json_encode($output);

-------------------------------------
-------------------------------------

on my html on the area I have

$(document).ready(function(){
$('#example').dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "myphp.php"
} );
{);

and in the Body I got

What Im I doing wrong ??

Multiple linked datatables

ashok84munna — Tue, 11 Feb 2014 00:05:53 +0000

This is related to the thread http://datatables.net/forums/discussion/211/i-want-create-two-linked-datatables/p1, but a variant of it.

I have 2 datatables in the same page.
Datatable 1 - I have made one of the columns, a link which will call another javascript function with a parameter (the value of the column).
The javascript function makes creates datatable #2 in the same page using sAjaxSource using the parameter passed in.

Example to relate:
Datatable #1: List of all the companies
Datatable #2: List of all employees for each company. The CompanyId is the clickable field in datatable #1, and on click it loads the datatable #2 with only the employees of that company..

Issue:
The issue that i am facing is, when i click on a link in datatable #1, it loads datatable #2 fine. But, it does not refresh the data which i click on other links.

Any references would be greatly appreciated.

Thanks.

Can't select rows on 1+ pages

maykino — Fri, 07 Feb 2014 21:54:55 +0000

Selecting rows works only on the first loaded page. When I go to 2, 3 etc it doesn't select anything. When I select to show more records at once from the dropdown, it allows to only select the first 25.

HEre is the debug:
http://debug.datatables.net/uzicij

Dynamic option name upon table initialization

ludalex — Fri, 07 Feb 2014 10:50:18 +0000

Hello everyone,

I'm trying to write a function that loads the table with different sources (ajax/javascript array) dynamically.
Instead of writing the code to initialize the table twice in a conditional statment, I'd like to have the "source" option of the DataTable to come from a variable, as shown in this example:

[code]
if (navigator.onLine)
source_ = 'sAjaxSource'
else
source_ = 'aaData'

oTable = $('#table').dataTable({

"sDom": 'Tfrt',
source_: data

})
[/code]

It doesn't work as expected tough, any suggestions?

I know 'data' variable is not defined and the actual data source is not my problem as if I put a string like "aaData" instead of 'source_' (the option name) it works.

Thanks in advance

how to reorder the index column after deleting from the table ?

kailasapu — Mon, 10 Feb 2014 11:22:10 +0000

oTable=$('#myTable').dataTable( {
"fnDrawCallback": fnOpenClose,
"aaSorting": [[ 1, 'asc' ]],
"bSortClasses": false,
"sDom": '<"top"f>rt<"bottom"ilp><"clear">',
columns: ['', 'No'],
"aoColumnDefs": [
{ 'bSortable': false, 'aTargets': [ 0 ] }
]} );
function fnOpenClose( oSettings ) {
/* Need to redo the counters if filtered or sorted */
if ( oSettings.bSorted || oSettings.bFiltered )
{
for ( var i=0, iLen=oSettings.aiDisplay.length ; i

Datatable in ASP.NET ListView sending all rows (including hiddenrows) to server side

atharun — Mon, 10 Feb 2014 05:50:40 +0000

Hi,
i am using datatable for table inside my ASP.NET ListView. this table has multiple rows and multiple pages. on click of a button i want to send all the rows in the listview to server side code.

on click of the button i am able to get the hidden rows using fnGetHiddenNodes() method.

i dont know to which i have to append to, so that all the rows are available in the server side.

having trouble POSTing fnGetData to cgi script using ajax

bigsipper — Sat, 08 Feb 2014 00:31:03 +0000

I want to pass DataTable contents to a cgi-bin script. I figured I would make one big object, and use fnGetData to store the table in the object - then pass the whole object using ajax POST.

Odd thing is that the DataTable rows are not being sent as an array, but as individual 'keys':

Parameters at the time I POST:
function drc
notify
requests[0][] -1
requests[0][] ass asdfasdf sadfaf sadfasfdf sasdf sad safdasdfaf sffadfasddfs a sadfsadfa f sd .
requests[0][] *
requests[0][] 02/13/2014
requests[0][] 05/09/2014
technology tsmc28hpm
tfid undefined

So in my cgi-bin program I can print:
[code]
$params{'requests[0][]'}
params{'requests[0][]'} = ARRAY(0x10520130)

[/code]
but can't print what I expected:
[code]
$params{'requests'}[0]
params{'requests'}[0] =
[/code]

Here's how I send the data... what gives? I don't understand why the DataTable rows are not being encoded as arrays of arrays and passed to my program as such - so I can loop through the rows and columns in order to do some processing.

[code]
$("#btnsave").on( 'click', function(e){
// Need to pass existing table data to cgi....
// using ajax to POST the table data in JSON format.
var id = ( tfid ? tfid : 'undefined' );
var aData = {};
aData["tfid"] = id;
aData["technology"] = $('#technology').val();
aData["function"] = $('#function').val();
aData["notify"] = $('#notify').val();
aData["requests"] = tableRequests.fnGetData();
$.ajax({
type: "POST",
url: "cgi-bin/save.cgi",
data: aData,
dataType: "json",
cache: false,
success: function(data){ console.log(data.msg); },
error : function(e, t, r ) {
alert("Error: " + r + " While calling cgi-bin/save.cgi. " + (e.responseText?e.responseText:''));
},
});
return false;
});
[/code]

fiddle here: http://jsfiddle.net/tPtm5/

Data Table basic configuration and style

midland — Thu, 06 Feb 2014 15:33:05 +0000

Hi,

I am new to MVC and almost zero experience with Jquery. I have downloaded DataTable 1.9.4 and was able to get "zero configuration" working. I read somewhere that the table should have alternate row colors and has table borders. However, this is not for my table. Another question is how to set column width. My column headers and data cells are wrapped into multiple lines of text. How do I make cells and headers single lines. At this time, I want to have a simple table with alternate row color, table border, row/cell with single line of text.

Your help in configuration and style is very much appreciated. Any recommendation for a good tutorial for a beginner?

Hugh

Below is the code in Index.cshtml:

@section scripts{

$(document).ready(function () {
$('#myDataTable').dataTable(
{
"bFilter":true,
"bSort": true,
"bInfo":false
});
});

}

And for the table:

column headers .

@foreach (var item in Model)
{
data
}

Slow col/row headers on x/y scroll on iOS7 devices

nhinze — Fri, 07 Feb 2014 16:19:54 +0000

Hi,

I have created a multi table page using DataTable 1.9.4 and FixedColumns 2.0.3. Works like a charm on Desktop, but it rather slow on iOS7 devices. Android devices seem to perform ok. When you try to scroll left or right on the tables on the page linked below, the row/col headers are really slow to follow on iOS7 devices.

http://www.coursewalkapp.com/livescores/15563.html

Interestingly, the DataTable example on the following URL is smooth on iOS7 devices.

http://datatables.net/extras/fixedcolumns/

How, can improve the performance? Is it due to having multiple tables?

Thanks,

Nick,

fnDraw not calling the Ajax source

tsabz — Fri, 07 Feb 2014 10:28:24 +0000

Hello,

First of all, thanks for your plugin, it's very nice, usefull and quite easy to approach.

My bug is the following : I'm drawing a table with a delete button on each row. My delete button is binded to an Ajax call that deletes my data in database, and then I want to reload manually the data on my table.

Here's how I defined my table :

[code]
var oTable = $('#dt_groups').dataTable({
'bServerside': true,
'sAjaxSource': 'my_page?group='+group,
'sAjaxDataProp': "",
'aoColumns':[
{
'mData':'column_1',
'sWidth': '20%',
},{
'mData':'column_2',
'sWidth': '50%',
},{
'mData':'column_3',
'sWidth': '10%',
},{
'mData':'column_4',
'sWidth': '10%',
},{
'mData': null,
'mRender':function(row, type, full) {
return '';
},
'sWidth': '5%',
},{
'mData': null,
'mRender':function(row, type, full) {
return '';
},
'sWidth': '5%',
}
],
"aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
'iDisplayLength':25,
'fnCreatedRow': function(nRow, aData, iDataIndex) {
$(nRow).attr('data-lineid', aData['id']);
$(nRow).attr('id', 'groups');
$(nRow).attr('data-groupid', aData['id_group']);
},
});
[/code]

And here's my Ajax call to delete the row :

[code]
$('#delete_group').live('click', function() {
var id_group = $(this).closest('tr').attr('data-groupid');
$.ajax({
type: 'POST',
url: 'my_page.php',
data: 'method=delete&id_group='+id_group,
success:function(data) {
$('#dt_groups').dataTable()._fnDraw();
}
});
});
[/code]

The thing is, that the fnDraw function doesn't actually reload the data, and in the FF's console, I can' t see any GET call to my Ajax datasource.

I tried with _fnAjaxUpdate() instead of _fnDraw() and there I can see my ajax call, but then I have this js error :

[code]TypeError: aData is undefined[/code]

I guess it has something to do with [code]'sAjaxDataProp': ""[/code] defined in my dataTable but I'm not that sure.

Any clue ?

Want to add link to 1 column whilst using sql data

tgcowell — Thu, 06 Feb 2014 03:52:45 +0000

Currently have a SQL db providing the data for my table. I want to add a link to 1 of the columns which will us the id column within the SQL db to send the user to a new page.

Below is my HTML markup:

[code]

Hospital Name
State
Status

Loading Data

Hospital Name
State
Status

[/code]

Now the Javascript

[code]

$(document).ready(function() {
$('#projects').dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "includes/server_processing_projects.php"
});
});

[/code]

I want the link on the Hospital Name Column and the link to be like this

[code]Hospital Name[/code]

I'm new to web development and very much learning as I go, I've looked online regarding the mRender and mData which seem to be the solution... But I cannot figure out how it all works.

There was also a post on fnRender which appears to no longer be in use, since upgrading the 1.9?

Appreciate any assistance with this issue!

Thanks
Tim

Is there a callback that lets me take an action on old rows before they are removed from the DOM?

jeffreydwalter — Wed, 02 Oct 2013 17:16:28 +0000

I have a dataTable that has select dropdowns in some of the table cells. I'm using the jQuery select2 plugin on those selects, and am seeing memory leaking when I refresh the dataTable. Because dataTables doesn't unbind all of the event handlers and doesn't destroy all the references to the old rows in _fnDraw(), I need some way to do this manually whenever I refresh the table, but I'm not sure about the best way to go about it.

For now, I have hacked _fnDraw() to do the following:
[code]
/* When doing infinite scrolling, only remove child rows when sorting, filtering or start
* up. When not infinite scroll, always do it.
*/
if ( !oSettings.oScroll.bInfinite || !oSettings._bInitComplete || oSettings.bSorted || oSettings.bFiltered )
{
while( (n = oSettings.nTBody.firstChild) )
{
// HACK: Remove all event handlers from this row, any select2 objects, and finally call empty() just to be sure.
jQuery(n).off('*').find('div[id^=s2id]').select2('destroy').empty();
oSettings.nTBody.removeChild( n );
}
}
[/code]

I would like to be able to hook into a callback that happens on each of the rows to remove so that I can do this kind of cleanup to stop memory leaks.

Is there something like this? If no, what's the best way to do this without hacking dataTables?

Can't figure out why sScrollY corrupts the Columns's size and alignement

ciaoben — Fri, 31 Jan 2014 10:57:17 +0000

I need to use sScrollX and ScrollY property for my datatables. But simply adding one of this property cause a lot of problems with size and alignemnt of the columns.

Here is a simple re-production of my table. In reality i use an Ajax call to fill my table. but i replied some data for this example:

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

Here is a pic of my real page:

https://www.evernote.com/shard/s44/sh/5a7c2a79-d265-4461-965b-9a65625cdf6d/855d7875b0c9e960cc533e82c5717622

Can someone explain me this behavior ?

fnUpdate problems

Bender67 — Wed, 05 Feb 2014 00:51:41 +0000

I have about 20 datatables on a page. Each table has about 5-10 rows.

Updating a single cell causes problems. The interesting part is that I can
upate every first row of any table (and also the second row, but just in the first table).
All tables have the same structure.
Here is the code:

[code] $("#sort_Table" + $("#<%=hidTableId.ClientID %>").val()).dataTable().fnUpdate(data.d, $("#<%=hidRowId.ClientID %>").val(), 10); [/code]

I also tried the following to update the first row but does not work:
[code]
var table = $("#sort_Table" + $("#<%=hidTableId.ClientID %>").val()).dataTable().
table.fnSettings().aoData[0]._aData.Comment = "test";
table.fnDraw();
[/code]

But this works:
[code]
alert(table.fnSettings().aoData[0]._aData.Comment);
[/code]

Any ideas?

Apply more than one range filter

noslan — Tue, 04 Feb 2014 10:45:08 +0000

Actually I'm using this function to generate a range filter in datatables:
[code]
function CreaFiltro(min,max,col){

var oTable = $('#example').dataTable();
$.fn.dataTableExt.afnFiltering.push(
function(oSettings, aData, iDataIndex) {
var engineColumn = parseInt(aData[col]);
if (engineColumn >= min && engineColumn <= max)
return true;
return false;
})

oTable.fnDraw();
$.fn.dataTableExt.afnFiltering.pop();

}
[/code]

It works fine, but I need to apply a second range filter using a function, is it possible? any suggestion?
Thanks!

Exact value search

webtuts4u — Wed, 05 Feb 2014 11:34:30 +0000

I am using this script to show datatable and search filter shown only one column search.
[quote] But how can i make exact value search. this code search result for 1 is 12, 123, 1234 and etc. how to fix 1 for 1 only. i am using datatables to show all my reports in my project. [/quote]
[code]
var payout = $('.select_all_dataTable').dataTable({
"sScrollY": 300,
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"aaSorting": [[ 1, "asc" ]],
"bSort": false,
"oSearch": { "bSmart": false },
"aoColumnDefs": [
{ "bSearchable": false, "aTargets": [0] },
{ "bSearchable": true, "aTargets": [1] },
{ "bSearchable": false, "aTargets": [2] },
{ "bSearchable": false, "aTargets": [3] },
{ "bSearchable": false, "aTargets": [4] },
{ "bSearchable": false, "aTargets": [5] },
{ "bSearchable": false, "aTargets": [6] },
{ "bSearchable": false, "aTargets": [7] },
{ "bSearchable": false, "aTargets": [8] },
{ "bSearchable": false, "aTargets": [9] },
{ "bSearchable": false, "aTargets": [10] },
{ "bSearchable": false, "aTargets": [11] }
],
"oLanguage" : { "sSearch" : "EPP Search: " }
});
[/code]

IE8 Datatables Header Misaligned

arti6genesis — Wed, 05 Feb 2014 09:46:03 +0000

Hi Allan,

I am using Fixed Columns 2.0.3.Its working absolutely fine except for ie8.

I am getting Invalid Argument error at line number 852 oStyle.width = that.s.aiWidths[iColumn]+"px"
Seems that ie8 is not calculating widths properly

get column names of my datatable

dede26589 — Tue, 04 Feb 2014 18:42:50 +0000

hi,
how to do to get the name of the columns of my datatable ?
Thanks in advance

sEcho returning value of 0

cmandela — Tue, 04 Feb 2014 16:13:30 +0000

I have used the code exactly as provided on your server-side example. When I run the code by itself values are returned but sEcho returns a value of 0 thus preventing the table to be populated. Any help on how to get sEcho to return a value?

Here is the data returned:
{"sEcho":0,"iTotalRecords":"72","iTotalDisplayRecords":"72","aaData":[["Alabama","AL"],["Alaska","AK"],["Arizona","AZ"],["Arkansas","AR"],["California","CA"],["Colorado","CO"],["Connecticut","CT"],["Delaware","DE"],["Florida","FL"],["Georgia","GA"],["Hawaii","HI"],["Idaho","ID"],["Illinois","IL"],["Indiana","IN"],["Iowa","IA"],["Kansas","KS"],["Kentucky","KY"],["Louisiana","LA"],["Maine","ME"],["Maryland","MD"],["Massachusetts","MA"],["Michigan","MI"],["Minnesota","MN"],["Mississippi","MS"],["Missouri","MO"],["Montana","MT"],["Nebraska","NE"],["Nevada","NV"],["New Hampshire","NH"],["New Jersey","NJ"],["New Mexico","NM"],["New York","NY"],["North Carolina","NC"],["North Dakota","ND"],["Ohio","OH"],["Oklahoma","OK"],["Oregon","OR"],["Pennsylvania","PA"],["Rhode Island","RI"],["South Carolina","SC"],["South Dakota","SD"],["Tennessee","TN"],["Texas","TX"],["Utah","UT"],["Vermont","VT"],["Virginia","VA"],["Washington","WA"],["West Virginia","WV"],["Wisconsin","WI"],["Wyoming","WY"],["American Samoa","AS"],["District of Columbia","DC"],["Micronesia","FM"],["Guam","GU"],["Marshall Islands","MH"],["Northern Mariana Islands","MP"],["Palau","PW"],["Puerto Rico","PR"],["Virgin Islands","VI"],["Alberta","AB"],["British Columbia","BC"],["Manitoba","MB"],["New Brunswick","NB"],["Newfoundland and Labrador","NL"],["Northwest Territories","NT"],["Nova Scotia","NS"],["Nunavut","NU"],["Ontario","ON"],["Prince Edward Island","PE"],["Quebec","QC"],["Saskatchewan","SK"],["Yukon","YT"]]}

Here is the link to the page to create the table: http://gsdeventsonline.com/Results/All_Dogs_Table.php
Here is my code: I blanked out the database connection info for security reasons
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Easy set variables
*/

/* Array of database columns which should be read and sent back to DataTables. Use a space where
* you want to insert a non-database field (for example a counter or static image)
*/
$aColumns = array( 'state', 'code' );

/* Indexed column (used for fast and accurate table cardinality) */
$sIndexColumn = "state";

/* DB table to use */
$sTable = "states";

/* Database connection information */
$gaSql['user'] = "";
$gaSql['password'] = "";
$gaSql['db'] = "";
$gaSql['server'] = "localhost";

/* REMOVE THIS LINE (it just includes my SQL connection user/pass) */
//include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" );

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* If you just want to use the basic configuration for DataTables with PHP server-side, there is
* no need to edit below this line
*/

/*
* MySQL connection
*/
$gaSql['link'] = mysql_pconnect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) or
die( 'Could not open connection to server' );

mysql_select_db( $gaSql['db'], $gaSql['link'] ) or
die( 'Could not select database '. $gaSql['db'] );

mysql_set_charset('utf8');

/*
* Paging
*/
$sLimit = "";
if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' )
{
$sLimit = "LIMIT ".intval( $_GET['iDisplayStart'] ).", ".
intval( $_GET['iDisplayLength'] );
}

/*
* Ordering
*/
$sOrder = "";
if ( isset( $_GET['iSortCol_0'] ) )
{
$sOrder = "ORDER BY ";
for ( $i=0 ; $i $iFilteredTotal,
"aaData" => array()
);

while ( $aRow = mysql_fetch_array( $rResult ) )
{
$row = array();
for ( $i=0 ; $i