Вы можете использовать встроенные стили, чтобы добавить стили custome в теги <option>
.
Например: <option style="font-weight:bold;color:#09C;">Option 1</option>
Это применит стили только к этому конкретному элементу <option>
.
Затем вы можете использовать немного магии javascript для применения встроенных стилей ко всем элементам <option>
в теге <select>
, например:
var select = $(document).getElementById('#select-element-id')
var option = select.children('#option-element-id')
option.css('font-weight', 'bold')
option.css('font-size', '24px')
Вы также можете использовать <option value="" disabled> <br> </option>
, чтобы добавить разрыв строки между варианты.
Вам просто не хватает флага l
в dom
. l
для «управления вводом с изменением длины».
dom: 'lBfrtip'
сделает раскрывающийся список, чтобы появиться снова.
обновленная скрипта -> http://jsfiddle.net/p33x5L3t/1/
dom
документация -> https://datatables.net/reference/option/dom
Это работает для меня:
$(document).ready(function(){
dataTable = $('#myDataTable').DataTable({
"processing":true,
"serverSide":true,
dom:'lBfrtip',
buttons: ['excel', 'csv', 'pdf', 'copy'],
"lengthMenu": [50,100,500,1000,2000,5000,10000,50000,100000],
"order":[],
"sScrollX": "100%",
"scrollCollapse": true,
"ajax":{
url:"FetchAllAjax.php",
type:"POST"
}
});
});
Я знаю, что это слишком долго, но если кто-то еще сталкивается с этой проблемой, тогда, пожалуйста, сделайте следующее, это альтернативный ответ.
Добавьте «pageLength» внутри кнопок следующим образом:
$('#example').DataTable( {
dom: 'Bfrtip',
buttons: [
'pageLength','copy', 'csv', 'excel', 'print'
]
} );