jquery - DataTables not displaying rows in Google chrome -



jquery - DataTables not displaying rows in Google chrome -

i using server side processing of datatables. seems working fine using firefox. however, when view table using chrome none of rows displayed , datatable's "processing..." status label not clear. header, footer , column names of table shown, no rows.

in chrome, if right click on table, select inspect element, , select console don't see errors, warnings or logs.

all html table looks correct, problem seems lean datatables hasn't set between tags.

is there log @ or tool utilize more diagnostic info?

what prevent datatables adding got json record tbody section?

i've started using javascript, jquery , datatables couple of days ago , unsure how go tracking downwards problem , resolving it. pointers appreciated.

here's datatable declaration:

<script type="text/javascript"> /* <![cdata[ */ $(document).ready(function() { var otable = $('#cars-table').datatable({ "bautowidth": false, "bjqueryui": true, "spaginationtype": "full_numbers", "bprocessing": true, "bstatesave": true, "bserverside": true, "sajaxsource": "/cars/get_cars_list/", "idisplaylength": 10, "fnserverdata": function ( ssource, aodata, fncallback ) { aodata.push({ "name": "where_select_box", "value": $("#select_box option:selected").val() } ); $.getjson( ssource, aodata, function (json) { fncallback(json) }); }, "aocolumndefs": [ { "atargets": [0], "bvisible": false, "bsearchable": false}, { "atargets": [1], "fnrender": function ( oobj ) { homecoming '<a href=\"/cars/' + oobj.adata[0] + '/\">' + oobj.adata[1] + '</a>'; }, "bsearchable": true, }, { "atargets": [2], "bsearchable": true}, { "atargets": [3], "bsearchable": false, "stype": 'date'}, { "atargets": [4], "bsearchable": false}, { "atargets": [5], "bsearchable": false}, ] }); /* select box */ $('#select_box').change(function() { // reload info based on selection otable.fndraw(); }); } ); /* ]]> */ </script>

if start firebug, console shows info beingness returned json info structure, info never gets displayed in chrome in firefox.

here's json retuned (data changed bit client confidential)

{ "secho": 1, "itotalrecords": 1049, "itotaldisplayrecords": 1049, "aadata":[ [ "1", "car1", "ford", "2", "2011-12-18", "159", ] , [ "2", "car2", "bmw", "2", "2011-12-18", "159", ] , . . . ] }

here's html table when "view source" - can see tbody empty.

<div style="width:75%;"> <div class="demo_jui"> <table id="cars-table" style="width:100%;" class="display" id="example"> <thead> <tr class="gradea"> <th> id </th> <th> name </th> <th> manufacturer </th> <th> size </th> <th> date </th> <th> days </th> </tr> </thead> <tbody> </tbody> </table> </div> </div>

try , remove commas ' , ' ie7 strict plenty , used give me javascript errors on them, maybe chrome (firefox more relaxed :d )

jquery google-chrome datatables

Comments

Popular posts from this blog

iphone - Dismissing a UIAlertView -

intellij idea - Update external libraries with intelij and java -

javascript - send data from a new window to previous window in php -