항목 표시 드롭 다운을 숨기고 검색 상자를 DataTable에 유지할 수 있습니까? 검색 상자와 함께 맨 아래에 페이지 매김이있는 10 행을 항상 표시하고 싶지만 항목 표시 드롭 다운을 표시하고 싶지 않습니다.
답변
이 링크에서 직접 자세한 정보를 찾을 수 있습니다. http://datatables.net/examples/basic_init/filter_only.html
$(document).ready(function() {
$('#example').dataTable({
"bPaginate": false,
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false });
});
희망이 도움이됩니다!
편집 : 게으른 경우 “bLengthChange”: false, 변경해야합니다. 🙂
답변
Datatable> 1.1.0을 사용하는 경우 lengthChange
옵션은 다음 과 같습니다.
$('#example').dataTable( {
"lengthChange": false
});
답변
"searching": false, // Search Box will Be Disabled
"ordering": false, // Ordering (Sorting on Each Column)will Be Disabled
"info": true, // Will show "1 to n of n entries" Text at bottom
"lengthChange": false // Will Disabled Record number per page
답변
이 게시물에 대한 핵심 답변 "bLengthChange": false,
은 항목 드롭 다운을 숨길 것입니다
답변
DataTables <= 1.9의 경우 @perpo 의 답변
$('#example').dataTable({
"bLengthChange": false
});
잘 작동하지만 1.10 이상에서는 다음을 시도하십시오.
$('#example').dataTable({
"dom": 'ftipr'
});
여기서 l
“길이 변경 입력 제어”를 생략했습니다 .
답변
나는 그것을 그렇게 해결합니다. 부트 스트랩 사용 4
$(document).ready(function () {
$('#table').DataTable({
"searching": false,
"paging": false,
"info": false
});
});
cdn js :
- https://code.jquery.com/jquery-3.3.1.min.js
- https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js
- https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js
- https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js
cdn CSS :
답변
sDom : “Tfrtip”또는 콜백을 통해 :
"fnHeaderCallback": function(){
$('#YOURTABLENAME-table_length').hide();
}