Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > อยากแบ่งข้อมูลเป็นหลายๆหน้า เพราะข้อมูลเยอะ paging table

อยากแบ่งข้อมูลเป็นหลายๆหน้า เพราะข้อมูลเยอะ paging table

เริ่มหัวข้อใหม่

NuNueng

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

อยากแบ่งข้อมูลเป็นหลายๆหน้า เพราะข้อมูลเยอะ paging table
แล้วให้มีปุ่ม เสิช กับ Go to เป้นช่องให้พิมหน้านั้นด้วยอ่ะครับ
เพราะข้อมูลเยอะมาก 100+หน้า
พอมีใครแนะนำโค้ดได้บ้างครับ
เท่าที่หาดูมันจะขาดไม่ goto ก้ เสิช

Tag : PHP, HTML/CSS, JavaScript, Ajax, jQuery

Date : 2015-01-30 13:20:40

By : NuNueng

View : 1136

Reply : 3

No. 1

คนธรรมดา ไม่พิเศษ

โพสกระทู้ ( 2,311 )
บทความ ( 1 )

ไม่มีระบบไหนสมบูรณ์แบบครับ เอามาก็ต้องต่อยอดเอาเองด้วย ผมแนะนำให้เพิ่มเติมส่วนที่ขาดเอาเองครับ เพราะมันจะได้กับตัวเองด้วย

Date : 2015-01-30 13:58:34

By : arm8957

No. 2

Mr.กล้า

โพสกระทู้ ( 5,105 )
บทความ ( 4 )

แนะนำ jquery dataTable
เพียงคุณดึงข้อมูลจาก database ออกมาใส่ตารางแบบครบถ้วย ต้องมี table thead tbody
กำหนดค่า ต่าง ๆ เช่น id ของ table
นำเข้าไฟล์ต่าง ๆ ของ jquery และ css ให้ครบ ทุกอย่างก็จะได้ดั่งใจเอง
http://www.datatables.net/

แต่ผมใช้ ของ SB Admin 2 มีอะไรให้เล่นหลายอย่าง
http://startbootstrap.com/template-overviews/sb-admin-2/

ตัวอย่าง dataTable ที่เพิ่งทำเสร็จ
http://www.edu.buu.ac.th/educarservice/pages/?menu=tables

Date : 2015-01-30 14:40:24

By : apisitp

No. 3

Guest

จริงๆไม่ยากอย่างที่คิดครับ

ทำสคริปต์แบ่งหน้าให้ได้ก่อน แล้วเพิ่มช่องค้นหาเข้ามา

Code

<div class='nav'>
<a href='index.php?page=1&key='+document.getElementByID('keySearch').value>1</a>
<a href='index.php?page=2&key='+document.getElementByID('keySearch').value>2</a>
<a href='index.php?page=3&key='+document.getElementByID('keySearch').value>3</a>
</div>
<input type='text' name='keySearch' id='keySearch' placeholder='ป้อนสิ่งที่ต้องหารค้นหา' />

Date : 2015-01-31 18:06:27

By : ไม่ทราบแหล่งที่มา

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : อยากแบ่งข้อมูลเป็นหลายๆหน้า เพราะข้อมูลเยอะ paging table

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก