data tabel di klik muncul halaman modal...

bisa ko gan, waktu itu saya lagi pake framework materilize, di situ kan ada fitur modal jadi kalo textnya diklik nanti muncul modalnya.

Tinggal tambahin tag " data-target ='id modalnya' " sama property "modal-trigger" di class data itu

pake bootstrap juga bisa kayaknya kan ada fitur modal juga

di class data modal nya bukan gan? jadi gak usah di kasih button kan di <td></td> nya gan?

bisa di share gak gan source code nya hehe...

<pre> &lt;table class="table table-datatable table-custom" id="example"&gt; &lt;thead&gt; &lt;tr&gt;

			    <th>check</th>
                <th>Aksi</th>
    			<th>No</th>
    			<th class="no-sort" data-toggle="modal">Cp_Cid</th>
    			<th class="no-sort">Cp_Mate</th>
    			<th class="no-sort">Cp_Hues</th>
    			<th class="no-sort"><center>Cp_Width</center></th>
    			<th class="no-sort">Cp_Name</th>
    			<th class="no-sort">Cp_Unit</th>
    			<th class="no-sort">Cp_Cury</th>
    			<th class="no-sort"><center>Cp_Pack</center></th>
    			<th class="no-sort"><center>Cp_Price</center></th>
    			<th class="no-sort">Cp_Date</th>
    			<th class="no-sort">Cp_Weight</th>
    			<th class="no-sort">Cp_CPrice</th>
    			
    			
    		</tr>
    	</thead>
    	<tbody>
    		<?php
    		while(($count<$rpp) && ($i<$tcount)) {
    			mssql_data_seek($result,$i);
    			$data = mssql_fetch_array($result);
    			?>
    			<tr>
    				<td><center><input type="checkbox" value="1" <?php if($data['checkfield']=="1") echo "checked"; ?>></center></td>
                    <td><button type="button" class="btn-xs btn-info" data-id="cp_cid" >Info</button></td>
    				<td ><center><?php echo ++$no_urut;?></center> </td>
    				<td><?php echo $data['cp_cid']?></td>
    				<td><?php echo $data['cp_mate']?></td>
    				<td><?php echo $data['cp_hues']?></td>
    				<td><?php echo $data['cp_width']?></td>
    				<td><?php echo $data['cp_name']?></td>
    				<td><?php echo $data['cp_unit']?></td>
    				<td><?php echo $data['cp_cury']?></td>
    				<td><?php echo $data['cp_pack']?></td>
    				<td><?php echo $data['cp_price']?></td>
    				<td><?php echo $data['cp_date']?></td>
    				<td><?php echo $data['cp_weight']?></td>
    				<td><?php echo $data['cp_cprice']?></td>
    				
    				
    			</td>
    			
    		</tr>

    		<?php
    		$i++; 
    		$count++;
    	}
    	?>

&lt;div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt; &lt;div class="modal-dialog"&gt; &lt;div class="modal-content"&gt; &lt;div class="modal-header"&gt; &lt;button type="button" class="close" data-dismiss="modal"&gt;&lt;span aria-hidden="true"&gt;&times;&lt;/span&gt;&lt;span class="sr-only"&gt;Close&lt;/span&gt;&lt;/button&gt; &lt;h4 class="modal-title" id="myModalLabel"&gt;Modal title&lt;/h4&gt; &lt;/div&gt; &lt;div class="modal-body"&gt; &lt;/div&gt; &lt;div class="modal-footer"&gt; &lt;button type="button" class="btn btn-default" data-dismiss="modal"&gt;Close&lt;/button&gt; &lt;button type="button" class="simpan btn btn-primary"&gt;Save changes&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/tbody&gt;

&lt;script src="jquery-1.11.2.min.js"&gt;&lt;/script&gt; &lt;script src="bootstrap.js"&gt;&lt;/script&gt; &lt;script&gt; $(function(){ $(document).on('click','.btn-xs btn-info',function(e){ e.preventDefault(); $("#myModal").modal('show'); $.post('hasil.php', {id:$(this).attr('data-id')}, function(html){ $(".modal-body").html(html); }
); }); }); &lt;/script&gt; </pre>

misalnya <td> <?php echo $data['cp_cid']?> </td> Jadi <td class="modal-trigger" data-target="id-modal"> <?php echo $data['cp_cid']?> </td>

Tinggal dibikin modalnya gan mau nampilin apa aja di modalnya

Modalnya itu bentuk nya gimana? untuk melihat semua data detailnya ketika di klik INFO ? kalau untuk munculin modal tambahin <pre> &lt;td data-toggle="modal" data-target="#myModal"&gt; </pre> coba di rancang dulu modal body nya biar kita punya gambaran maksudnya gimana haha