Quantcast
Channel: DataTables 1.9 — DataTables forums
Viewing all articles
Browse latest Browse all 1816

FixedColumn not working with server side processing in dataTables..??

$
0
0
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 :

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>



Viewing all articles
Browse latest Browse all 1816

Trending Articles