|
|
|
ทำอย่างไงให้ผลที่ออกมา ให้ดูสวยน่ะครับ ไม่ว่า ความยาวของข้อความจะยาวเท่าไหร่ ก็ให้แสดงผลออกมาดูสวย พอดีกับความกว้างของคอลัมน์น่ะครับ |
|
|
|
|
|
|
|
mb_substr ($str , $start, $length);
|
|
|
|
|
Date :
2013-03-26 18:09:09 |
By :
t-monroe |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
width,height ครับ หลักๆมีแค่นี้
|
|
|
|
|
Date :
2013-03-26 18:09:40 |
By :
Dragons_first |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
"ความยาวของข้อความจะยาวเท่าไหร่" = ผมว่าถ้าความยาวมากเกินไป หน้าจอจะไม่พอหนะสิครับ เช่น ผู้ใช้หน้าจอ 1280 แต่ข้อมูลแสดงผลถึง 1680 เป็นต้น เพราะฉะนั้น
1. ตัด Column ที่ไม่ต้องการออกบ้าง หน้าที่คุณแสดงผลดังรูปนั้น เป็นแค่ title ก็พอครับ ส่วนข้อมูลหลักๆ ไว้หน้า detail จะดีกว่า
2. ควรใช้ iconv_substr บ้าง ตัดคำในบาง column ให้สั้นลง
3. ใช้ Css เป็นส่วนประกอบในการ Design เพื่อให้ interface น่าใช้มากยิ่งขึ้น ลองศึกษาจากลิ้งนี้ดูครับ
http://coding.smashingmagazine.com/2008/08/13/top-10-css-table-designs/
|
|
|
|
|
Date :
2013-03-26 18:11:24 |
By :
Ex-[S]i[L]e[N]t |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
อยากได้วิธีการเขียน auto width ของ คอลัมน์ตามภาพด้านบนน่ะครับ หากเขียนด้วย php พอจะมีแนวทางให้หน่อยครับ code สั้นๆ หน่อยก็ดีครับ
|
|
|
|
|
Date :
2013-03-26 23:19:49 |
By :
joolawan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
สร้างความกว้างเป็นเปอร์เซนต์ก็ได้ครับ
ฟ้อนต์ก็เอาเล็กกระทัดรัดหน่อย ขึ้นอยู่กับการออกแบบการแสดงผล
Code (PHP)
<table width="100%">
<tr>
<td width="15%"> ฟิลด์ 1 </td>
<td width="75%"> ฟิลด์ 2 </td>
<td width="10%"> ฟิลด์ 3 </td>
</tr>
</table>
|
ประวัติการแก้ไข 2013-03-27 14:17:40
|
|
|
|
Date :
2013-03-27 14:16:46 |
By :
nutsuanplu |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผมพยายามเปลี่ยนความกว้างของคอลัมน์ ในตารางแล้วครับ แต่ว่า มันไม่ยอมเปลี่ยนให้น่ะครับ
จาก โค้ดด้านล่างนะครับ รบกวนช่วยชี้ทาง แก้ไขให้ด้วยครับ ไม่รู้ว่า มันล็อคโดยใช้อะไรไว้น่ะครับ
<html>
<head>
<title>View data into Database</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
table.one {
table-layout:automatic;
width:80%
}
</style>
<script type="text/javascript">
<!--
var stile = "top=100, left=30, width=320, height=240 status=no, menubar=no, toolbar=no scrollbar=no";
function Popup(apri) {
window.open(apri, "", stile);
}
//-->
</script>
</head>
<body>
<table align="center">
<tr><td><?php include "header.php"; ?></td></tr>
</table>
<div align="center">
<?
//---- ตั้งค่า oop เพื่อเข้าใช้ class ของ database
include("connectDB.php");
$strSQL = "SELECT * FROM list order by num_code";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
?>
<table align="center" border="1" class="one">
<caption> ตารางแสดงพัสดุภัณฑ์ </caption>
<tr>
<td width="200"> <div align="center">วันที่ </div></td>
<th> <div align="center">เลขพัสดุ-ครุภัณฑ์</div></th>
<th> <div align="center">ประเภท</div></th>
<th> <div align="center">รายการ</div>
<th> <div align="center">ลักษณะพิเศษ</div></th>
<th> <div align="center">รหัส</div></th>
<th> <div align="center">จำนวน</div></th>
<th> <div align="center">อาคาร</div>
<th > <div align="center">ห้อง</div></th>
<th> <div align="center">อักษรตู้</div></th>
<th> <div align="center">เลขตู้</div></th>
<th> <div align="center">วันที่รับของ</div></th>
<th> <div align="center">หมายเหตุ</div></th>
</tr>
<?
while($objResult = mysql_fetch_array($objQuery))
{
?>
<tr>
<td width="200"><div align="left" ><font size=2><?=$objResult["dates_received"];?></font></div></td>
<td><div align="left"><?=$objResult["parcel_number"];?></div></td>
<td><div align="left"><?=$objResult["type"];?></div></td>
<td><div align="left"><?=$objResult["list"];?></div></td>
<td><div align="left"><?=$objResult["special"];?></div></td>
<td><div align="left"><?=$objResult["code"];?></div></td>
<td><div align="left"><?=$objResult["member"];?></div></td>
<td><div align="left"><?=$objResult["building"];?></div></td>
<td><div align="left"><?=$objResult["room"];?></div></td>
<td><div align="left"><?=$objResult["cabinet_charector"];?></div></td>
<td><div align="left"><?=$objResult["cabinet_no"];?></div></td>
<td><div align="left"><?=$objResult["received_good"];?></div></td>
<td><div align="left"><?=$objResult["remark"];?></div></td>
<td width="103"><a href="javascript:Popup('pop_image.php?photo=<?=$objResult['photo'];?>')"><img src="myfile/<?=$objResult['photo'];?>" width="103" height="59"></a>
</div></td>
<td align="center"><a href="DeleteRec.php?rec=<?=$objResult["rec"]; ?>">ลบ</a></td>
<td align="center"><a href="UpdateRec.php?rec=<?=$objResult["rec"]; ?>">แก้ไข</a></td>
</tr>
<?
}
?>
</table>
</div>
<?
mysql_close();
?>
</body>
</html>
รบกวนเพื่อนๆ ช่วยแก้ให้หน่อยครับ งง มากๆ เลยครับ
|
|
|
|
|
Date :
2013-03-28 10:33:56 |
By :
joolawan |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|