Хто-небудь знає, як показати всі рядки за замовчуванням у jQuery datatable?
Я спробував цей код, але за замовчуванням він показує лише 10 рядків.
$("#adminProducts").dataTable({
"aLengthMenu": [100]
});
Відповіді:
Використання:
$('#example').dataTable({
aLengthMenu: [
[25, 50, 100, 200, -1],
[25, 50, 100, 200, "All"]
],
iDisplayLength: -1
});
Або якщо використовується 1.10+
$('#example').dataTable({
paging: false
});
<table data-display-length='-1'>
якщо ви хочете використовувати параметри DOM (DataTables 1.10+, див. Datatables.net/manual/data/orthogonal-data#HTML-5 ).
Варіант, який слід використовувати, - iDisplayLength:
$('#adminProducts').dataTable({
'iDisplayLength': 100
});
Це працює для мене:
$(document).ready(function() {
$('#example').DataTable( {
"lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
} );
} );
Якщо ви використовуєте DataTables 1.10+, ви можете використовувати атрибут data- * у своєму <table>
тегу data-page-length="-1"
Це передбачає, що у вашій конфігурації даних за замовчуванням визначено "-1", наприклад, нижче
$.extend(true, $.fn.dataTable.defaults, {
lengthMenu: [[10, 25, 50, 250, -1], [10, 25, 50, 250, "All"]]
});
Ваш javascript стає простим, $("table").DataTables();
і ви можете налаштувати відображення для кожної таблиці в HTML; IE. якщо у вас є друга, менша таблиця на тій самій сторінці, яка повинна бути обмежена 10 рядками,<table data-page-length="10">
використовувати 'fnDrawCallback'
$('#dataTable').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"fnInitComplete": function(){
$('.display_results').show();
},
"fnDrawCallback": function() {
$('.def').click(function(){
var msg = $(this).next().text();
$('.messages').messageBox()//Custom Dialog
});
}
})
Ось весь функціональний javascript для вашого .html-файлу
<!--- javascript -->
<script type="text/javascript">
$(document).ready(function(){
$('#sortable').dataTable({
'iDisplayLength': 100
})})
</script>
вам потрібно завантажити bootstrap-table.min.js і внести до нього деякі зміни ..
Якщо ви завантажуєте bootstrap-table.min.js, просто відкрийте його і спробуйте знайти "pageList: [10," зробіть це як "pageList: [10,15,20,25,50,100," All "]" make впевнений, що "Все" написано так.
Розмір сторінки за замовчуванням також можна змінити з того самого рядка "pageSize: 10", ви можете змінити його як pageSize: "All".
Інші параметри можна також змінити.
Не забудьте включити його або прив'язати до нового місця після завершення модифікації.
Сподіваюся, це можна зробити досить чітко і легко.
"paging": false
якщо ви використовуєте новий API DataTables 1.10 .