วิธีซ่อน“ แสดง 1 รายการจาก N รายการ” ด้วยไลบรารี dataTables.js


96

คุณจะลบบรรทัดข้อความ "แสดง 1 จาก N รายการ" บน dataTable ได้อย่างไร (นั่นคือเมื่อใช้ dataTables ของไลบรารี javascript ฉันคิดว่าฉันกำลังมองหาบางอย่างตามบรรทัดเหล่านี้ ...

 $('#example').dataTable({
      "showNEntries" : false
       });

ค่อนข้างแน่ใจว่านี่เป็นวิธีง่ายๆ แต่ดูเหมือนจะไม่พบในเอกสาร

คำตอบ:


266

คุณสามารถลบออกได้ด้วยbInfoตัวเลือก ( http://datatables.net/usage/features#bInfo )

   $('#example').dataTable({
       "bInfo" : false
   });

อัปเดต: เนื่องจาก Datatables 1.10 * ตัวเลือกนี้สามารถใช้เป็นได้infoแต่bInfoยังคงใช้งานได้ในบิลด์กลางคืนปัจจุบัน (1.10.10)


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

ฉันชอบคำตอบนี้มากที่สุดเช่นกันเพราะมันทำให้มันถูกส่งไปยัง dataTable params แต่ขอบคุณ Daiku ด้วยเพราะฉันมีทางเลือก ... Nick
nickL

สิ่งนี้ทำให้ประเภทตาราง "แก้ไขได้" แตก (ไม่สามารถแก้ไขหรือบันทึกแถวได้)
jovan

@jovan ฉันไม่คิดว่าตัวเลือกนี้จะรบกวน "แก้ไขได้" คุณมีตัวอย่าง (jsfiddle อาจ) ให้ฉันดูให้ไหม
BMH

1
@BMH ฉันใช้งานได้ - พูดตามตรงฉันจำไม่ได้ว่าปัญหาคืออะไรอีกต่อไป!
โจวาน

8

หากสิ่งที่คุณต้องการคือปิดใช้งานเมนูแบบเลื่อนลง (ไม่ใช่เพื่อซ่อนข้อความ) จากนั้นตั้งค่าlengthChangeตัวเลือกเป็นfalse

$('#datatable').dataTable( {
  "lengthChange": false
} );

ใช้ได้กับ DataTables 1.10+

อ่านเพิ่มเติมในเอกสารอย่างเป็นทางการ


7
ซึ่งจะซ่อนเมนูแบบเลื่อนลง ไม่ได้ซ่อนข้อความ "แสดง 1 รายการจาก N รายการ"
devlin carnate

4

ตอนนี้ดูเหมือนจะใช้งานได้:

$('#example').DataTable({
  "info": false
});

มันซ่อนสิ่งนั้นไว้divทั้งหมด


3

ลองซ่อน

$('#table_id').DataTable({
  "info": false
});

และลองใช้สิ่งนี้เพื่อเปลี่ยนป้ายกำกับ

$('#table_id').DataTable({
 "oLanguage": {
               "sInfo" : "Showing _START_ to _END_ of _TOTAL_ entries",// text you want show for info section
            },

});

0

มันคืองานสำหรับฉัน:

language:{"infoEmpty": "No records available",}

นี้จะไม่ปรากฏที่จะตอบคำถามที่ถามหาวิธีที่จะระงับข้อความเมื่อมีมีบันทึก ดูเหมือนว่าคุณกำลังเปลี่ยนข้อความที่จะแสดงโดยไม่มีบันทึกซึ่งไม่ใช่ปัญหาที่ OP ถามถึง
JohnRC
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.