Dear Allan..,
I am facing some critical problem in dataTables.
Right now i am using dataTable with serverside processing.
Actually my table contains large no. of columns...so i just want to implement FixedColumn with server side processing.
So according to dataTable's documentation i used FixedColumn and initialized it in dataTable.
As a result..when dataTable implements..it doesn't follow FixedColumn property.. and dataTables columns cross the limit of div container.
i means to say..my dataTables is crossing the outer div container's border.
and it also showing me a error like:
"Object doesn't support this property or method"
"jquery.dataTables.js Line :3709"
Please help me to sort out this problem...Its very urgent for me.
i just to draw my datatable inside div container not outside it.
I am sending my code ..may be i have done something wrong there...please check it to solve my problem..
Thanks in advance...
Java Script Code :
HTML Code :
I am facing some critical problem in dataTables.
Right now i am using dataTable with serverside processing.
Actually my table contains large no. of columns...so i just want to implement FixedColumn with server side processing.
So according to dataTable's documentation i used FixedColumn and initialized it in dataTable.
As a result..when dataTable implements..it doesn't follow FixedColumn property.. and dataTables columns cross the limit of div container.
i means to say..my dataTables is crossing the outer div container's border.
and it also showing me a error like:
"Object doesn't support this property or method"
"jquery.dataTables.js Line :3709"
Please help me to sort out this problem...Its very urgent for me.
i just to draw my datatable inside div container not outside it.
I am sending my code ..may be i have done something wrong there...please check it to solve my problem..
Thanks in advance...
Java Script Code :
oTable = $("#ft").dataTable({ "bDestroy":true, "bRetrieve": false, "bJQueryUI": true, "bServerSide": true, "bAutoWidth": false, "sScrollX": "100%", "sAjaxSource": "/web_trial_one/DatasourceGsonServlet?button_name="+button_id+"&txt_mtr_from="+str_from_mtr+"&txt_mtr_to="+str_to_mtr, "bProcessing": true, "sPaginationType": "full_numbers", "sDom": 'T<"clear">lfrtip', //'<"H"Tfr>t<"F"ip>' to print tabletool in UI theme within border. "oTableTools": { "aButtons": [ "copy","csv","xls","pdf", { "sExtends": "download", "sButtonText": "Download Excel", "sUrl": "/web_trial_one/FTDownload?txt_mtr_from="+str_from_mtr+"&txt_mtr_to="+str_to_mtr+"&txt_cca_from="+str_from_cca+"&txt_cca_to="+str_to_cca+"&txt_catcode="+str_catcode+"&txt_assemb="+str_assemb+"&txt_clem="+str_clem+"&txt_tariff="+str_tariff+"&txt_mask_id="+str_mask+"&txt_site="+str_site+"&txt_cca_test_from="+str_cca_test_from+"&txt_cca_test_to="+str_cca_test_to+"&txt_ft_test_from="+str_ft_test_from+"&txt_ft_test_to="+str_ft_test_to } ], "sSwfPath": "./table_tool2.0/media/swf/copy_cvs_xls_pdf.swf" }, "fnInitComplete": function() { new FixedColumns( oTable, { "iLeftColumns": 5, "iLeftWidth": 420 } ); } });
HTML Code :
<div id="div_ft" style="padding-left: 2px; padding-right: 2px; display: none; z-index: 3; position: relative; margin-top: 8px; top: 65px;"> <table id="ft" class="display" cellpadding="0" cellspacing="0" width="98%" style="border-width: 2px; border-style: ridge;"> <thead> <tr> <th>CCA No.</th> <th>Test Date</th> <th>Meter Serial No.</th> <th>Stage</th> <th>SO Number</th> <th>Product Code</th> <th>Meter Test Status</th> <th>Tested By</th> <th>Site Name</th> <th>Test Name</th> <th>test Value</th> <th>Test Code Status</th> <th>Batch No.</th> </tr> </thead> <tbody> <tr> <td colspan="13">Loading Data From Server... </td> </tr> </tbody> </table> </div>