Question

I have a jQuery dataTable coded up like so:

$("#my-datatable").dataTable( {
    "bProcessing" : true,
    // Commenting out next line
    //"sDom" : 't',
    "sAjaxSource" : "some/url/on/my/server",
    "sAjaxDataProp" : "",
    "bDestroy" : true,
    "fnServerData" : function(sSource, aoData, fnCallback) {
        aoData.push({
            "name" : "asking",
            "value" : "yes"
        });

        request = $.ajax({
            "dataType" : "json",
            "type" : "GET",
            "url" : sSource,
            "data" : aoData,
            "success" : fnCallback
        });
    },

    "aoColumns" : [
        {
            "mDataProp" : "name"
        },
        {
            "mDataProp" : "expr"
        },
        {
            "mDataProp" : "seq"
        }
    ]
});

Notice the line that commented out. When this code runs as-is, the table renders beautifully. Unfortunately, it displays lots of stuff that I don’t want displayed, such as pagination information, a search bar, etc.

After reading the docs and following the examples, I’m convinced that the line that is commented-out is what I need to configure the dataTable so that only the table itself renders/displays.

But, when I comment it out, I get an error in Firebug and no data populates my table:

TypeError: an is undefined
[Break On This Error]   

for ( var i=0, iLen=an.length ; i<iLen ; i++ )

It seems too be complaining about jQuery.dataTables.js line 2895. Can anybody spot why this is happening? Is my sDom attribute not configured correctly? Remember, I just want the table and its headers to draw (and all the data in it). Thanks in advance!

Answer 1

I think what you are after is this perhaps

http://datatables.net/examples/basic_init/filter_only.html

you could leave sDom: T (the default) and manually turn everything off

            "bPaginate": false,
        "bLengthChange": false,
        "bFilter": true,
        "bSort": false,
        "bInfo": false,
        "bAutoWidth": false