  <table class ="tablefixed"   border="0">
		  <tr  class="tr40">
			<td class="tdauto"   valign="top"> 
			    <div class="pane-header ui-state-active" >::SOURCE</div>
				 <div  class="ui-layout-content ui-widget-content-panel">
				 <label class="lbfield55">NPWP</label><label class="lbcolon">:</label><input id="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_source_npwp"name="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_source_npwp" type="text" value="<?php echo $source_npwp;  ?>" style="width:180px" readonly /><br \>
				 <label class="lbfield55">NAME</label><label class="lbcolon">:</label><input id="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_source_name"name="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_source_name" type="text" value="<?php echo $source_name;  ?>" style="width:500px"readonly /><br \>
				 <label class="lbfield55">ADDRESS</label><label class="lbcolon">:</label><input id="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_source_address"name="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_source_address" type="text" value="<?php echo $source_address;  ?>" style="width:500px" readonly />
	 			</div> 
			</td>
		  </tr>
		  <tr class="trauto">
			<td class="tdauto" id="pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>_map_cust_tbl_map_cust_list_container">	   
 					<div class="pane-header ui-state-active" id="pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>_map_cust_tbl_map_cust_list_bar" > LIST</div>
					<table id="pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>map_cust_tbl"></table> <div id="ppasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>map_cust_tbl"></div>
 			</td>
		  </tr>
		  <tr  class="tr80">
			<td class="tdauto"  valign="top">
			    <div class="pane-header ui-state-active" >::MAPPING TO</div>
				 <div  class="ui-layout-content ui-widget-content-panel">
				 <label class="lbfield55">NPWP</label><label class="lbcolon">:</label><input id="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_mapping_npwp"name="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_mapping_npwp" type="text" value="" style="width:180px" readonly /><br \>
				 <label class="lbfield55">CODE</label><label class="lbcolon">:</label><input id="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_mapping_code"name="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_mapping_code" type="text" value="" style="width:100px" readonly />
				 <label >NAME</label><label class="lbcolon">:</label><input id="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_mapping_name"name="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_mapping_name" type="text" value="" style="width:500px" readonly /><br \>
				 <label class="lbfield55">ADDRESS</label><label class="lbcolon">:</label><input id="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_mapping_address"name="pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_mapping_address" type="text" value="" style="width:500px" readonly />
	 			</div> 
			</td>
		  </tr>
</table>  

<script type="text/javascript">
    
    $(document).ready(function(){
	
	$(window).bind('resize', function() {  
		setTimeout(function(){
			setGridHight($("#pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>map_cust_tbl"),$("#pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>_map_cust_tbl_map_cust_list_container"),$("#pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>_map_cust_tbl_map_cust_list_bar")); 
		},10); 
	}); 
		  
	jQuery("#pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>map_cust_tbl").jqGrid({
			url:'<?php echo base_url().'pasi_ceisa_master/ct_pasi_map_customer/loaddata'; ?>',
			mtype : "post",
			postData:{'q':'1'},
			datatype: "json",
			colNames:[
			'tbl_master_supplier_code_id_master_supp_code','CODE','NAME','ADDRESS','ADDRESS2','CITY'
			,'NPWP'
			]
			,colModel:[
			{name:'rID',index:'rID', width:80, hidden:true, align :'left'}
			,{name:'r1',index:'r1', width:60, hidden:false, align :'left'}
			,{name:'r2',index:'r2', width:250, hidden:false, align :'left'}
	 		,{name:'r3',index:'r3', width:300, hidden:false, align :'left'}
			,{name:'r4',index:'r4', width:250, hidden:true, align :'left'}
			,{name:'r5',index:'r5', width:120, hidden:false, align :'left'} 
			
			,{name:'r6',index:'r6', width:120, hidden:false, align :'left'}

			],
			rowNum:10,
			rowList:[10,20,30],
			pager: '#ppasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>map_cust_tbl',
			sortname: 'r1',
			viewrecords: true,
			sortorder: "desc",
			width: '',
			height: 100,
			//width: 950,
			//height:300,
			jsonReader: { repeatitems : false }, 
			rownumbers: true,
			loadonce: false,
			shrinkToFit: false,
			multiselect: false,
			afterInsertRow: function(rowid, aData){
				/*switch (aData.statusdok) {
					case 'DATA SENT':
						jQuery("#pasi_ceimap_cust_master_map_cust_tbl").jqGrid('setCell',rowid,'statusdok','',{color:'green'});
					break;
					case '2':
						jQuery("#pasi_ceimap_cust_master_map_cust_tbl").jqGrid('setCell',rowid,'statusdok','',{color:'red'});
					break;
					case '1':
						jQuery("#pasi_ceimap_cust_master_map_cust_tbl").jqGrid('setCell',rowid,'statusdok','',{color:'blue'});
					break;
					
				} */
			},		    
			onSelectRow: function(id){ 
				var ret = jQuery("#pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>map_cust_tbl").jqGrid('getRowData',id);    
					$("#pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_mapping_npwp").val(ret.r6)
 					$("#pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_mapping_code").val(ret.r1)
 					$("#pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_mapping_name").val(ret.r2)
 					$("#pasi_ceimap_cust_master<?php echo $bc_prefix;  ?>_mapping_address").val(ret.r3)
  		 	 },
			gridComplete: function(){
				 
			},
		}); 
		
	              
		jQuery("#pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>map_cust_tbl").jqGrid('navGrid','#ppasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>map_cust_tbl',{del:false,add:false,edit:false},{},{},{},{multipleSearch:false});
		jQuery("#pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>map_cust_tbl").jqGrid('filterToolbar',{stringResult: true,searchOnEnter : true, defaultSearch: 'cn', ignoreCase: true});
	
	
		
	setTimeout(function(){
			setGridHight($("#pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>map_cust_tbl"),$("#pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>_map_cust_tbl_map_cust_list_container"),$("#pasi_ceimap_cust_master_<?php echo $bc_prefix;  ?>_map_cust_tbl_map_cust_list_bar")); 
		},100); 
	});
		  	
</script>

	
	