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">>'
});

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

เขียนโดย KanexKane

นักเขียนโค้ด นักเก็บเรื่องราว และนักทดสอบ ชอบแบ่งปันสิ่งเล็ก ๆ ที่ทำให้วันธรรมดาพิเศษขึ้น

รู้จักกันอีกนิด →