Создать динамическую разбивку на страницы для блока div в jquery

Question

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

Вот пример кода

<div class="list"> 
    <div class="item"> 
     <div class="item-swipe"> 
      <div class="col-xs-5 col-xs-offset-1 col-lg-6 col-md-6 col-lg-offset-0 col-md-offset-0"> 
       <div class="wrap"> 
        <span class="row1 date-content date whitespace">Col1</span> 
       </div> 
      </div> 
      <div class="col-xs-4 col-xs-offset-2 col-lg-5 col-md-5 col-lg-offset-0 col-md-offset-0"> 
       <div class="wrap"> 
        <span class="row1 date-content date">Col2</span> 
       </div> 
      </div> 
      <div class="col-xs-3 col-lg-1 col-md-1 col-lg-offset-0 col-md-offset-0 hidden-xs hidden-xs hidden-sm hidden-md"> 
       <div class="wrap"> 
        <a class="id">Col3</a> 
       </div> 
      </div> 
     </div> 
    </div> 
</div>  

У меня есть этот пример кода repeated.I создали таблицу, используя выше structure.How я могу теперь добавить пагинацию к этому, или как я могу преобразовать это в таблицу так, использовать разбиение на страницы.

Answer 1

Вы можете изучить JQuery Datatables. возможно на стороне клиента или на стороне сервера. Включая бесконечный свиток.

Answer 2

Вы можете использовать JSONPagination Plugin, который не зависит от DOM, так как он выполнен на уровне JSON, поэтому вы можете создавать таблицы любого типа с использованием тега div или таблицы, нужно запомнить только несколько шагов, которые объясняются в сам плагин.

Отказ от ответственности: Я являюсь автором этого плагина.