ใครพอมีโค้ด นำข้อมูลอกมาในตาราง แล้วมี scrollbar เลื่อน แต่ตารางจะคงที่ จะเลื่อนได้เฉพาะที่ไม่ใช่หัวตาราง
อยากได้โค้ด เลื่อน แต่ตารางจะคงที่ เหมือนกานค่ะ
Date :
2011-04-09 13:11:55
By :
pang
ดันครับ !!!
ผมอยากได้เหมือนกันครับ จากที่คุณวินให้มา ก็น่าจะประมาณนี้ครับ
<div style=" width:820px; height:425px; overflow: auto;">
<table>
................
................
</table>
</div>
ทำให้ผลของตารางไม่ต่างอะไรกับ Scrollbar ของเว็บบราวเซอร์ เพราะหัวของตารางมันวิ่งตามไปด้วย
ที่ผมทำ ผมก็จะนำหัวตาราง และส่วนของเนื้อหา แยกออกเป็น 2 ตาราง ทำให้ ความกว้างของแต่ละคอลัมน์แตกต่างกัน
และต้องกำหนดค่าใน แท๊ก td Width (ความกว้าง) ของแต่ละคอลัมน์ในส่วนหัวให้เท่ากับส่วนของเนื้อหาแต่ละคอลัมน์ ตรงบ้างไม่ตรงบ้าง
มั่วมากเลยครับ แต่ยังไงผมก็ต้องขอบคุณพี่วินมากๆครับ และก็อยากให้ ท่านผู้รู้ทั้งหลายแนะนำวิธีที่สะดวกด้วยเถอะครับ ขอบคุณครับ
Date :
2011-12-16 13:25:09
By :
majung
ลอง iframe เป็นยังไงครับ
Date :
2011-12-16 13:33:14
By :
yogolas
น่าจะแบบนี้ครับ
Screehshot
Code (CSS)
<STYLE TYPE="TEXT/CSS">
div#tbl-container{
height: 200px;
overflow: auto;
}
thead th, thead th.locked{
font-weight: bold;
text-align: center;
background-color: #ADC1CE;
position:relative;
cursor: default;
}
thead th {
top: expression(document.getElementById("tbl-container").scrollTop-2); /* IE5+ only */
z-index: 20;
}
thead th.locked {z-index: 30;}
td.locked, th.locked{
left: expression(document.getElementById("tbl-container").scrollLeft); /* IE5+ only */
position: relative;
z-index: 10;
}
</STYLE>
<DIV id="tbl-container">
<TABLE BORDER="1" WIDTH="586" id="tbl">
<THEAD>
<TR>
<TH width="100">a</TH>
<TH width="129">b</TH>
<TH width="132">c</TH>
<TH width="197">d</TH>
</TR>
</THEAD>
<TBODY>
<TR>
<TD>1</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD>2</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD>3</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD>4</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD>5</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD>6</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD>7</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD>8</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD>9</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
<TR>
<TD>10</TD>
<TD> </TD>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>
</DIV>
Date :
2011-12-16 14:02:43
By :
webmaster
ใช้ได้เฉพาะ IE ครับ
Date :
2011-12-16 14:40:57
By :
webmaster
ขอบคุณครับพี่ แต่ทำไมพอเปิดจากเครื่องลูกข่าย หัวตารางตามไปด้วยละครับ งง เลย ไงขอรบกวนอีกครั้งนะครับ ^^
Date :
2011-12-19 09:12:16
By :
majung
เปิดบนรุ่นของ Web Browser ตัวไหนครับ
Date :
2011-12-19 09:27:04
By :
webmaster
Web Browser ของ IE นะครับ แต่น่าจะคนละเวอร์ชั่น T T
ทำไงดีครับ ผมอยากให้เปิดได้แค่ Web Browser ของ IE นะครับ ช่วยด้วยเถิดครับ พี่วิน T T
Date :
2011-12-19 09:33:08
By :
majung
ผมลองตรวจสอบแล้วครับ เปิดกะ IE8 ครับ เครื่อง Client T T
รบกวนพี่วินด้วยครับ
Date :
2011-12-19 09:39:33
By :
majung
เครื่องคุณเปิดได้ปกติหรือเปล่าครับ
Date :
2011-12-19 09:42:24
By :
webmaster
ใช่ครับ เปิดได้ปกติเลยครับ ของผมเปิดจาก Web Browser IE7 ครับ พี่วิน
ผมเลย งง ครับ ว่าเพราะอะไร ??? T T
Date :
2011-12-19 09:44:59
By :
majung
พี่วินครับ ผมขอรบกวนอีกครั้งครับ เหมือนว่า เว็บบราวเซอร์ ของ IE8 จะใช้การไม่ได้ครับ แต่ถ้า IE7 โอเคเลยครับผม เพราะอะไรหรอครับ T T
Date :
2011-12-26 09:14:13
By :
majung
ผมรู้แล้วครับ พี่วิน
มันเกี่ยวกับ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> ครับ
ปกติผมใช้
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
ครับ
พี่วินช่วยหน่อยครับ พอใช้ตัวที่พี่ให้มา ตารางที่ผมปรับใน CSS เพี้ยนเลยครับ ช่วยด้วยครับผม T T
Date :
2011-12-28 15:12:50
By :
majung
ช่วยด้วยครับ T T มันเกี่ยวกะ !DOCTYPE ครับผม ระหว่าง html กะ xhtml ที่ผมใช้ xhtml ไม่สามารถทำงานได้ แต่พอใช้
Date :
2011-12-29 10:38:41
By :
majung
Load balance : Server 03