Bootstrap Template

by kwabs Ohh

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<table id="tblData" class="table table-stiped">

</table>
<table id="tblFooter" class="table table-stiped">
  <tr>
    <td>5</td>
    <td>5</td>
    <td>5</td>
    <td>5</td>
    <td>5</td>
    <td>5</td>
    <td>5</td>
    <td>5</td>
    <td>5</td>
    <td>5</td>
    <td>5</td>
    <td>5</td>
  </tr>
</table>

CSS

table{
  text-align:center;
}

JavaScript

var $tableData = $('#tblData');
var $tableFooter = $('#tblFooter');

function addRowsCols(element, min, max) {
  var str_Row = "<tr>";
  var str_RowEnd = "</tr>";
  for (i = 0; i < 12; i++) {
    var x = Math.floor(Math.random() * (max - min + 1) + min);

    str_Row += '<td>' +x+ '</td>';
  } // FOR
  element.html(str_Row + str_RowEnd);
}

addRowsCols($tableData, 0, 20);

//console.log $('table td:eq(2)')


console.log($tableData.children('td:eq(0)).text());