Cách ẩn “Hiển thị 1 trong số N mục nhập” bằng thư viện dataTables.js


93

Làm cách nào để xóa dòng văn bản "Hiển thị 1 trong N mục nhập" trên DataTable (đó là khi sử dụng dataTables của thư viện javascript? Tôi nghĩ tôi đang tìm kiếm thứ gì đó dọc theo những dòng này ...

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

Khá chắc chắn đây là một cái đơn giản, nhưng dường như không thể tìm thấy nó trong tài liệu.

Câu trả lời:


256

Bạn có thể xóa nó bằng bInfotùy chọn ( http://datatables.net/usage/features#bInfo )

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

Cập nhật: Vì Datatables 1.10. * Tùy chọn này có thể được sử dụng như info, bInfovẫn hoạt động trong bản dựng hàng đêm hiện tại (1.10.10).


3
Đây là một câu trả lời tốt hơn của tôi, nếu tất cả những gì bạn muốn làm là giấu nó đi. Nếu bạn cần tạo kiểu cho nó, thật tuyệt khi Allan đã gói từng phần tử trong lớp riêng của nó để bạn có thể thực hiện.
Daiku

Tôi cũng thích câu trả lời này nhất vì nó giữ nó hướng đến các thông số dataTable nhưng cũng cảm ơn Daiku vì tôi có một số lựa chọn ... Nick
nickL

Điều này làm cho loại bảng "có thể chỉnh sửa" bị ngắt (không thể chỉnh sửa hoặc lưu hàng).
jovan

@jovan Tôi không nghĩ tùy chọn này có thể can thiệp vào "có thể chỉnh sửa". Bạn có một ví dụ (có thể là jsfiddle) tôi có thể xem xét nó cho bạn không?
BMH

1
@BMH Tôi đã làm việc - thành thật mà nói, tôi thậm chí không nhớ vấn đề là gì nữa!
jovan

8

Nếu những gì bạn cần là tắt menu thả xuống (không phải ẩn văn bản) thì hãy đặt lengthChangetùy chọn thànhfalse

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

Hoạt động cho DataTables 1.10+

Đọc thêm trong tài liệu chính thức


7
Điều này ẩn trình đơn thả xuống. Nó không ẩn văn bản "hiển thị 1 trong số N mục nhập"
devlin carnate

4

Bây giờ , điều này dường như hoạt động:

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

nó che giấu điều đó div, hoàn toàn


3

thử cái này để trốn

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

và thử cái này để thay đổi nhãn

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

});

0

Nó là công việc cho tôi:

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

Điều này không xuất hiện để trả lời các câu hỏi, trong đó yêu cầu một cách để ngăn chặn các tin nhắn khi có được hồ sơ. Có vẻ như bạn đang thay đổi thông báo được hiển thị mà không có bản ghi nào, đây không phải là vấn đề mà OP đang hỏi.
JohnRC
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.