태그 보관물: datatables

datatables

jQuery DataTables 플러그인에서 추가 한 검색 창과 바닥 글을 어떻게 제거 할 수 있습니까? 줄과 바닥 글 (표시되는

내가 사용하고 jQuery를 DataTables를 .

기본적으로 테이블에 추가 된 검색 표시 줄과 바닥 글 (표시되는 행 수를 표시)을 제거하고 싶습니다. 기본적 으로이 플러그인을 정렬에 사용하고 싶습니다. 이것을 할 수 있습니까?

답변

대한 DataTables> = 1.10 , 사용 :

$('table').dataTable({searching: false, paging: false, info: false});

대한 DataTables <1.10 , 사용 :

$('table').dataTable({bFilter: false, bInfo: false});

또는 순수한 CSS를 사용하는 경우 :

.dataTables_filter, .dataTables_info { display: none; }

답변

표시하거나 숨길 기능 목록은 http://www.datatables.net/examples/basic_init/filter_only.html 을 확인하십시오 .

원하는 것은 “bFilter”및 “bInfo”를 false로 설정하는 것입니다.

$(document).ready(function() {
    $('#example').dataTable( {
        "bPaginate": false,
        "bFilter": false,
        "bInfo": false
                 } );
} );

답변

http://datatables.net/usage/options#sDom 을 설정하여 머리글이나 바닥 글을 전혀 그릴 수도 없습니다 sDom. 

'sDom': 't'

그냥 테이블, 머리글이나 바닥 글 또는 아무것도 표시하지 않습니다.

여기에 몇 가지 설명되어 있습니다 : http://www.datatables.net/forums/discussion/2722/how-to-hide-empty-header-and-footer/p1

답변

맞춤 필터를 사용하는 경우 검색 창을 숨기고 싶지만 필터 기능을 계속 사용하고 싶을 수도 있습니다 bFilter: false. dom: 'lrtp'대신 기본값을 사용하십시오 'lfrtip'. 설명서 : https://datatables.net/reference/option/dom

답변

var table = $("#datatable").DataTable({
   "paging": false,
   "ordering": false,
   "searching": false
});

답변

빠르고 더러운 방법은 바닥 글의 클래스를 찾아 jQuery 또는 CSS를 사용하여 숨기는 것입니다.

$(".dataTables_info").hide();

답변

테마 롤러를 사용하는 경우 :

.dataTables_wrapper .fg-toolbar { display: none; }