Как показать выпадающий список в datatable, где пользователь может выбрать опцию, чтобы показать количество строк для отображения на странице

Question

Я хочу показать раскрывающийся список, чтобы пользователь мог выбрать номер из списка параметров, и столько строк будет отображаться соответствующим образом.В моем случае все работает отлично, но этот выпадающий список вообще не отображается.Заранее спасибо за помощь.

$(document).ready(function(){
	$('#tableId').DataTable( {		
		dom: 'Bfrtip',
		"order": [[ 1, "asc" ]],
		buttons: [
		{
            extend: 'csv',
            exportOptions: {
            columns: [0,1,2,3,4,5,7,8]
		}
	},	
	]
	} );
} );

Answer 1

@ lokesh Вы пропустили включение «length» в параметр dom, который обозначен «l».Изменение: dom: «Bfrtip» на dom: «Blfrtip»

https://jsfiddle.net/0n3p8dcx/

$(document).ready(function(){
$('#tableId').DataTable( {      
    dom: 'Blfrtip',
    "order": [[ 1, "asc" ]],
    buttons: [
    {
        extend: 'csv',
        exportOptions: {
        columns: [0,1,2,3,4,5,7,8]
        }
    },  
    ]
} );

});

Answer 2

Когда вы создаете свою таблицу, вы можете поместить в любой столбец элемент управления select.В этом случае я помещаю статический элемент управления select, но вы можете динамически создавать и заполнять свой элемент управления select с помощью цикла for или foreach.

<table id="tableId" style="width:100%">
 <tr>
   <th>Country</th>
   <th>City</th> 
   <th>Code</th>
</tr>
 <tr>
   <td>France</td>
   <td>Paris</td> 
   <td>
      <select>
         <option value="33">33</option>
         <option value="49">49</option>
         <option value="90">90</option>
      </select> 
  </td>
</tr>
<tr>
  <td>Germany</td>
  <td>Berlin</td> 
  <td>
        <select>
         <option value="33">33</option>
         <option value="49">49</option>
         <option value="90">90</option>
      </select> 
  </td>
</tr>