Czy można ukryć rozwijane menu Pokaż wpisy, ale pozostawić pole wyszukiwania w DataTable? Chcę zawsze wyświetlać 10 wierszy z paginacją na dole wraz z polem wyszukiwania, ale nie chcę wyświetlać menu Pokaż wpisy.DataTable: Ukryj rozwijane menu Pokaż, ale pozostaw pole wyszukiwania
Odpowiedz
można znaleźć więcej informacji bezpośrednio na ten link: http://datatables.net/examples/basic_init/filter_only.html
$(document).ready(function() {
$('#example').dataTable({
"bPaginate": false,
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false });
});
nadzieję, że pomoże!
EDIT: Jeśli jesteś leniwy "bLengthChange": false, jest jeden trzeba zmienić :)
sdom: "Tfrtip" lub za pomocą zwrotnego:
"fnHeaderCallback": function(){
$('#YOURTABLENAME-table_length').hide();
}
To klucz odpowiedź na to stanowisko "bLengthChange": false,
ukryje wpisy rozwijanej
Do wyłącz etykietę "Pokaż wpisy", użyj "bInfo", przykład: "bFilter" jest składnikiem wyszukiwania, ale domyślnie jest aktywny.
$(document).ready(function() {
$('#example').dataTable({
"bInfo": false
});
});
Włączanie lub wyłączanie wyświetlania informacji o tablicy. Wyświetla informacje o danych, które są obecnie widoczne na stronie, w tym informacje o filtrowanych danych, jeśli ta czynność jest wykonywana.
Dodaj tę opcję:
"bInfo": false
Aby ukryć wpisy "show", ale nadal mają paginacji. Użyłem kodu poniżej i zadziałało.
"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false
Aby wyłączyć "Pokaż wpisy" etykietę, dodać DOM kodu: 'Bfrtip' lub można dodać "bInfo": false
$('#example').DataTable({
dom: 'Bfrtip'
})
przypadku korzystania DataTable> 1.1.0 następnie lengthChange
opcją jest to, czego potrzebujesz, jak poniżej:
$('#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
można spróbować też.
prostu ukryć go z CSS za pomocą,
.dataTables_length {
display: none;
}
Zarówno zadziała.
Podoba mi się część "Jeśli jesteś leniwy": D: D: D: D –
To jest świetne .. – Jonjie
"bInfo": false pomógł mi, dzięki! – kapitan