สอบถามวิธีการทำ scroll bar ไว้ใน table ล่าง thead ค่ะ

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

ภาพประจำตัวสมาชิก
MBMoo
PHP VIP Members
PHP VIP Members
โพสต์: 25363
ลงทะเบียนเมื่อ: 04/06/2020 10:05 am

สอบถามวิธีการทำ scroll bar ไว้ใน table ล่าง thead ค่ะ

โพสต์ที่ยังไม่ได้อ่าน โดย MBMoo »

สอบถามวิธีการทำ scroll bar ไว้ใน table ล่าง thead ค่ะ
HTML CSS-1.png
HTML CSS-1.png (39.46 KiB) Viewed 2426 times
ภาพประจำตัวสมาชิก
eange08
PHP VIP Members
PHP VIP Members
โพสต์: 16019
ลงทะเบียนเมื่อ: 22/12/2020 10:09 am

Re: สอบถามวิธีการทำ scroll bar ไว้ใน table ล่าง thead ค่ะ

โพสต์ที่ยังไม่ได้อ่าน โดย eange08 »

ให้ใส่ div ครอบพื้นที่ตารางสีเทาแล้วใส่ css

โค้ด: เลือกทั้งหมด

height: 14vw; /*กำหนดความสูงที่แสดงข้อมูล*/
width: 14vw; /*กำหนดความกว้างที่แสดงข้อมูล*/
overflow: scroll; /*ส่วนที่เราครอบอยู่จะเป็นการ scroll */
ภาพประจำตัวสมาชิก
MBMoo
PHP VIP Members
PHP VIP Members
โพสต์: 25363
ลงทะเบียนเมื่อ: 04/06/2020 10:05 am

Re: สอบถามวิธีการทำ scroll bar ไว้ใน table ล่าง thead ค่ะ

โพสต์ที่ยังไม่ได้อ่าน โดย MBMoo »

ทดสอบแล้วได้แบบนี้ค่ะ
HTML CSS-1.png
HTML CSS-1.png (44.04 KiB) Viewed 2418 times
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41127
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: สอบถามวิธีการทำ scroll bar ไว้ใน table ล่าง thead ค่ะ

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

แก้แบบไหนไปครับ
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 40