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.
- 1. jQuery - pokaż/ukryj pole wyszukiwania
- 2. pokaż/ukryj menu rozwijane po najechaniu myszą/myszką, używając jquery
- 3. Bootstrap 3 Ukryj menu rozwijane w pozycji menu Kliknij przycisk
- 4. Usuń opcję "szukaj", ale pozostaw opcję "kolumny wyszukiwania"
- 5. pyside pokaż/ukryj układy
- 6. Android - pozostaw otwarte menu opcji
- 7. Niestandardowe obrotnice/rozwijane menu
- 8. Menu rozwijane html css
- 9. Typeahead - przewijane menu rozwijane
- 10. Menu rozwijane nawigacji CSS
- 11. ASP.Net MVC Ukryj/pokaż pozycje menu oparte na zabezpieczeniach
- 12. Jak dynamicznie pokaż/ukryj pole w SilverStripe ModelAdmin
- 13. jQuery ukryj div, gdy pole wyboru jest zaznaczone, pokaż niezaznaczone
- 14. Pokaż/Ukryj barButtonItem
- 15. Pokaż Ukryj DIV: jQuery
- 16. Zmiana etykiety wyszukiwania DataTable
- 17. Rozwijane menu stylu jquery-ui
- 18. Centrum Bootstrap wyrównaj menu rozwijane
- 19. menu rozwijane z górnego trójkąta
- 20. Menu rozwijane Bootstrap na Twitterze
- 21. Menu rozwijane z Twitter Bootstrap
- 22. Pokaż/ukryj kontrola opiera się na selekcji rozwijane MVC 4 brzytwa C#
- 23. Menu rozwijane CSS (na prawo)
- 24. Menu rozwijane na pasku czynności
- 25. Ruby on Rails: menu rozwijane
- 26. Menu rozwijane podczas ładowania strony
- 27. JQuery Pokaż ukryj klasę na hover
- 28. Menu rozwijane z Androidem (wybierz) CSS
- 29. Ukryj/pokaż pozycję menu w menu głównym aplikacji, naciskając klawisz opcji
- 30. Pokaż/ukryj Mahapps Sterowanie wysuwem
Podoba mi się część "Jeśli jesteś leniwy": D: D: D: D –
To jest świetne .. – Jonjie
"bInfo": false pomógł mi, dzięki! – kapitan