Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > PHP > PHP Forum > ใครพอมีโค้ด นำข้อมูลอกมาในตาราง แล้วมี scrollbar เลื่อน แต่ตารางจะคงที่ จะเลื่อนได้เฉพาะที่ไม่ใช่หัวตาราง



 

ใครพอมีโค้ด นำข้อมูลอกมาในตาราง แล้วมี scrollbar เลื่อน แต่ตารางจะคงที่ จะเลื่อนได้เฉพาะที่ไม่ใช่หัวตาราง

 



Topic : 050489



โพสกระทู้ ( 613 )
บทความ ( 0 )



สถานะออฟไลน์




ใครพอมีโค้ด นำข้อมูลอกมาในตาราง แล้วมี scrollbar เลื่อน แต่ตารางจะคงที่ จะเลื่อนได้เฉพาะที่ไม่ใช่หัวตาราง

ตามนั้นครับ



Tag : PHP, MySQL







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2010-10-20 14:03:11 By : oasiis View : 11662 Reply : 16
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

Code
<div style=" width:820px; height:425px; overflow: auto;"></div>



ลองเอาไปครอบดูนะครับ แต่เคยเห็นว่าสามารถทำได้ครับ เดียวพรุ่งนี้จะมาโพสบอกอีกทีครับ

Go to : ทำไงให้ scrollbar ของ div อยู่ด้านล่างเวลาทำระบบ chat นะครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2010-10-20 20:49:04 By : webmaster
 


 

No. 2

Guest


อยากได้โค้ด เลื่อน แต่ตารางจะคงที่ เหมือนกานค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-04-09 13:11:55 By : pang
 

 

No. 3

Guest


ดันครับ !!!
ผมอยากได้เหมือนกันครับ จากที่คุณวินให้มา ก็น่าจะประมาณนี้ครับ

<div style=" width:820px; height:425px; overflow: auto;">
<table>
................
................
</table>
</div>

ทำให้ผลของตารางไม่ต่างอะไรกับ Scrollbar ของเว็บบราวเซอร์ เพราะหัวของตารางมันวิ่งตามไปด้วย
ที่ผมทำ ผมก็จะนำหัวตาราง และส่วนของเนื้อหา แยกออกเป็น 2 ตาราง ทำให้ ความกว้างของแต่ละคอลัมน์แตกต่างกัน
และต้องกำหนดค่าใน แท๊ก td Width (ความกว้าง) ของแต่ละคอลัมน์ในส่วนหัวให้เท่ากับส่วนของเนื้อหาแต่ละคอลัมน์ ตรงบ้างไม่ตรงบ้าง
มั่วมากเลยครับ แต่ยังไงผมก็ต้องขอบคุณพี่วินมากๆครับ และก็อยากให้ ท่านผู้รู้ทั้งหลายแนะนำวิธีที่สะดวกด้วยเถอะครับ ขอบคุณครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-16 13:25:09 By : majung
 


 

No. 4



โพสกระทู้ ( 175 )
บทความ ( 0 )



สถานะออฟไลน์
Facebook

ลอง iframe เป็นยังไงครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-16 13:33:14 By : yogolas
 


 

No. 5



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

น่าจะแบบนี้ครับ

Screehshot

Css Freeze Column

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>&nbsp;</TD>
			<TD>&nbsp;</TD>			
			<TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>2</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>3</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>4</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>5</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>6</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>7</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>8</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>9</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
		<TR>
		  <TD>10</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  <TD>&nbsp;</TD>
		  </TR>
	</TABLE>
	</DIV>

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-16 14:02:43 By : webmaster
 


 

No. 6



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ใช้ได้เฉพาะ IE ครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-16 14:40:57 By : webmaster
 


 

No. 7

Guest


ขอบคุณครับพี่ แต่ทำไมพอเปิดจากเครื่องลูกข่าย หัวตารางตามไปด้วยละครับ งง เลย ไงขอรบกวนอีกครั้งนะครับ ^^
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-19 09:12:16 By : majung
 


 

No. 8



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

เปิดบนรุ่นของ Web Browser ตัวไหนครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-19 09:27:04 By : webmaster
 


 

No. 9

Guest


Web Browser ของ IE นะครับ แต่น่าจะคนละเวอร์ชั่น T T
ทำไงดีครับ ผมอยากให้เปิดได้แค่ Web Browser ของ IE นะครับ ช่วยด้วยเถิดครับ พี่วิน T T
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-19 09:33:08 By : majung
 


 

No. 10

Guest


ผมลองตรวจสอบแล้วครับ เปิดกะ IE8 ครับ เครื่อง Client T T
รบกวนพี่วินด้วยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-19 09:39:33 By : majung
 


 

No. 11



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

เครื่องคุณเปิดได้ปกติหรือเปล่าครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-19 09:42:24 By : webmaster
 


 

No. 12

Guest


ใช่ครับ เปิดได้ปกติเลยครับ ของผมเปิดจาก Web Browser IE7 ครับ พี่วิน
ผมเลย งง ครับ ว่าเพราะอะไร ??? T T
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-19 09:44:59 By : majung
 


 

No. 13

Guest


พี่วินครับ ผมขอรบกวนอีกครั้งครับ เหมือนว่า เว็บบราวเซอร์ ของ IE8 จะใช้การไม่ได้ครับ แต่ถ้า IE7 โอเคเลยครับผม เพราะอะไรหรอครับ T T
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-26 09:14:13 By : majung
 


 

No. 14

Guest


ผมรู้แล้วครับ พี่วิน
มันเกี่ยวกับ <!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
 


 

No. 15

Guest


ช่วยด้วยครับ T T มันเกี่ยวกะ !DOCTYPE ครับผม ระหว่าง html กะ xhtml ที่ผมใช้ xhtml ไม่สามารถทำงานได้ แต่พอใช้
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2011-12-29 10:38:41 By : majung
 


   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : ใครพอมีโค้ด นำข้อมูลอกมาในตาราง แล้วมี scrollbar เลื่อน แต่ตารางจะคงที่ จะเลื่อนได้เฉพาะที่ไม่ใช่หัวตาราง
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่