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
เราใช้คุกกี้เพื่อให้ทุกคนได้รับประสบการณ์การใช้งานที่ดียิ่งขึ้น
0
Would love your thoughts, please comment.x
()
x