datatables цикл через все строки таблицы, только сделал цикл на строки, показанные в настоящее время таблицы

-1

im пытается зациклиться на все строки таблицы в таблице datatables, но только сделал цикл для текущих строк таблицы, например, у меня есть 100 записей (100 строк таблицы) и в настоящее время показано 10 строк таблицы, к сожалению, он сделал только цикл до 10 строк таблицы.datatables цикл через все строки таблицы, только сделал цикл на строки, показанные в настоящее время таблицы

Я использовал ниже коды на пробегает по каждой строке таблицы

$("#admin_user_table tbody tr").each(function(){ 
    alert("yes"); 
});

любых идеи, помощь, подсказки, предложения, рекомендации?

Ниже моя скрипка будет более конкретным.

$(document).ready(function(){ 
 

 
    $('#sample_table').DataTable({ 
 
     "bSort": false, 
 
     "pagingType": "full_numbers", 
 
     "dom": 'T<"clear">lfrtip', 
 
    }); 
 
    
 
    $("#test_loop").click(function(){ 
 
    $("#sample_table tbody tr").each(function(){ 
 
     alert("table row"); 
 
    }); 
 
    }); 
 
    
 
});

table{width: 100%}table td, table th{padding: 7px; text-align: center; vertical-align: middle}table thead{border-bottom: 2px solid #cccccc;}table tbody tr{border-bottom: 1px solid #ccc;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdn.datatables.net/r/dt/dt-1.10.8/datatables.min.css" rel="stylesheet"/> 
 
<script src="https://cdn.datatables.net/r/dt/dt-1.10.8/datatables.min.js"></script> 
 

 

 

 
<table cellpadding="0" cellspacing="0" id="sample_table"> 
 
    <thead> 
 
    <tr> 
 
     <th>Name</th> 
 
     <th>Position</th> 
 
     <th>Branch</th> 
 
     <th>Department</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td><td>Sample position</td><td>sample branch</td><td>sample department</td> 
 
    </tr> 
 
</tbody> 
 
</table> 
 

 
<button id="test_loop">Loop through all the table rows</button>

источник

2015-08-27 Juliver Galleto

Я не думаю, что есть какой-нибудь способ, если таблица заполняется динамически с помощью Ajax ... –

таблица не заселен ajax @ArunPJohny –

, тогда как выполняется подкачка ... –

Вы можете использовать raw filter

$.fn.dataTable.ext.search.push(
 
    function(settings, data, dataIndex) { 
 
     var enabled = $('#my-filter').is(':checked');   
 
     return !enabled || /raw$/g.test(data[1]); 
 
    } 
 
); 
 

 
$(document).ready(function() { 
 

 
var table = $('#sample_table').DataTable({ 
 
    "bSort": false, 
 
    "pagingType": "full_numbers", 
 
    "dom": 'T<"clear">lfrtip', 
 
    }); 
 

 
    $("#my-filter").change(function() { 
 
    table.draw(); 
 
    }); 
 

 
});

table { 
 
    width: 100% 
 
} 
 
table td, 
 
table th { 
 
    padding: 7px; 
 
    text-align: center; 
 
    vertical-align: middle 
 
} 
 
table thead { 
 
    border-bottom: 2px solid #cccccc; 
 
} 
 
table tbody tr { 
 
    border-bottom: 1px solid #ccc; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://cdn.datatables.net/r/dt/dt-1.10.8/datatables.min.css" rel="stylesheet" /> 
 
<script src="https://cdn.datatables.net/r/dt/dt-1.10.8/datatables.min.js"></script> 
 

 

 

 
<table cellpadding="0" cellspacing="0" id="sample_table"> 
 
    <thead> 
 
    <tr> 
 
     <th>Name</th> 
 
     <th>Position</th> 
 
     <th>Branch</th> 
 
     <th>Department</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample raw</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample raw</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample raw</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample raw</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample raw</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample raw</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample raw</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample raw</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample raw</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample raw</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample raw</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Sample Name 1</td> 
 
     <td>Sample position</td> 
 
     <td>sample branch</td> 
 
     <td>sample department</td> 
 
    </tr> 
 
    </tbody> 
 
</table> 
 

 
<input id="my-filter" type="checkbox" />

источник

2015-08-27 04:16:15

http://jsfiddle.net/arunpjohny/8ybnoyx7/ –

кажется немного сложным, но хорошим. в моем эксперименте. Кажется, что функция цикла может полностью перебирать все строки таблицы, если я сначала показываю все строки. Таким образом, я принимаю другой подход, когда я должен сначала показать всю строку таблицы перед циклом болезни в каждой строке таблицы, есть ли способ показать все строки при нажатии кнопки? конечно, я могу использовать «пейджинг: ложь», но я не знаю, как это сделать, а затем также превращаю пейджинг в true, когда нажимаем другую кнопку (допустим, кнопка с именем «восстанавливает таблицы строк») - это возможно? –

datatables цикл через все строки таблицы, только сделал цикл на строки, показанные в настоящее время таблицы

ответ

Смежные вопросы