DataTables แสดงตัวเลขรายการหน้า ที่ด้านบนด้วย


วิธีการแสดงตัวเลขรายการหน้า (Paging) ที่ด้านบนด้วย ซึ่งปกติมันจะแสดงด้านล่างอย่างเดียว ซึ่งปกติก็จะเขียนโค้ดง่ายๆ ประมาณนี้

$('.dataTable').DataTable({
  responsive: true,
  "columnDefs": [
    { "width": "20%", "targets": 3 }
  ]
});

ก็ให้เราทำการเพิ่มโค้ดชุดนี้ลงไป

"dom": '<"top"flp<"clear">>rt<"bottom"ip<"clear">>'

สุดท้ายก็จะออกมาหน้าตาแบบนี้

$('.dataTable').DataTable({
  responsive: true,
  "columnDefs": [
    { "width": "20%", "targets": 3 }
  ],
  "dom": '<"top"flp<"clear">>rt<"bottom"ip<"clear">>'
});

ทีนี้ตัวเลขรายการจำนวนหน้าก็จะแสดงทั้งข้างบนและข้างล่างละ

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
Navigate

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

ตั้งค่าความเป็นส่วนตัว

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
จัดการความเป็นส่วนตัว
  • คุกกี้ที่จำเป็น
    เปิดใช้งานตลอด

    ประเภทของคุกกี้มีความจำเป็นสำหรับการทำงานของเว็บไซต์ เพื่อให้คุณสามารถใช้ได้อย่างเป็นปกติ และเข้าชมเว็บไซต์ คุณไม่สามารถปิดการทำงานของคุกกี้นี้ในระบบเว็บไซต์ของเราได้

  • คุกกี้เพื่อการวิเคราะห์

    คุกกี้นี้เป็นการเก็บข้อมูลสาธารณะสำหรับการวิเคราะห์ และเก็บสถิติการใช้งานภายในเว็บไซต์นี้เท่านั้น ไม่ได้เก็บข้อมูลส่วนตัวที่ไม่เป็นสาธารณะใดๆ ของผู้ใช้งาน

บันทึกการตั้งค่า