|
 |
| |
อยากได้โค๊ด เลือกแสดงคอลัมน์ของตารางเป็น jQuery หรือ Ajax ก็ได้ครับ select table columns มีรูปตัวอย่างให้ชมครับ |
| |
 |
|
|
 |
 |
|
Flexigrid
สามารถ Hide/Show Columns ได้
|
 |
 |
 |
 |
| Date :
2012-08-18 23:17:30 |
By :
Krungsri |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ลิงค์ Error ครับ มีตัวอย่างให้ชมป่าวครับ
|
| |
|
|
| |
| Date :
2012-08-19 10:24:53 |
By :
nattkhanesha |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
Code (JavaScript)
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
<script type="text/javascript">
$(function(){
$("#search").click(function(){
var obj=$(".col_value"),len=obj.length,x=0;
while(x<len){
var tr_len=$("#table_id tr").length,y=0;
while(y<tr_len){
if(!obj.eq(x).attr('checked')){
if($("#table_id tr").eq(y).find("th").eq(obj.eq(x).val()).css('display') != null){
$("#table_id tr").eq(y).find("th").eq(obj.eq(x).val()).css('display','none')
}else{
$("#table_id tr").eq(y).find("td").eq(obj.eq(x).val()).css('display','none')
}
}else{
if($("#table_id tr").eq(y).find("th").eq(obj.eq(x).val()).css('display') != null){
$("#table_id tr").eq(y).find("th").eq(obj.eq(x).val()).css('display','')
}else{
$("#table_id tr").eq(y).find("td").eq(obj.eq(x).val()).css('display','')
}
}
y++;
}
x++;
}
})
})
</script>
</head>
<body>
<input class="col_value" type="checkbox" value='0' /> c1
<input class="col_value" type="checkbox" value='1' /> c2
<input type="button" value='ค้นหา' id='search' />
<table border='1' id="table_id">
<thead>
<tr>
<th>ID</th>
<th>NAME</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>aa</td>
</tr>
<tr>
<td>2</td>
<td>aa</td>
</tr>
<tr>
<td>3</td>
<td>aa</td>
</tr>
</tbody>
</table>
</body>
</html>
ลงรันดู
|
| |
|
|
| |
| Date :
2012-08-19 16:05:56 |
By :
nontadech |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณครับ 
ขอถามนิดนึงครับ ถ้าผมจะเพิ่มคอลัม เป็น 5 หรือ 10 คอลัม ผมจะต้องเพิ่มโค๊ดตรงส่วนไหนบ้างครับ 
|
ประวัติการแก้ไข
2012-08-19 20:36:41
| |
|
|
| |
| Date :
2012-08-19 20:19:16 |
By :
nattkhanesha |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 03
|
