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

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

Leave a Reply

Please Login to comment
avatar
  Subscribe  
Notify of
Navigate