Pagination Question for Stackoverflow

by Faisal Khan Janjua

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.css">
<script src="https://cdn.datatables.net/v/dt/dt-1.10.18/datatables.min.js"></script>
<div class="row">
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
  </div>
  <div class="col-xs-6">
 ...

CSS

.row {
  display: block;
  width: 100%;
}
.col-xs-6 {
  float: left;
  width: 47.5%;
  margin: 10px 1%;
  min-height: 100px;
  border: 1px solid #333;
}

JavaScript

$('.row').dataTable();