JSFiddle - React, Tailwind, and code Playground

by ondacinaynakalkur

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<table id="pagerTable">
    <tbody data-bind="foreach: Pages"> 
        <tr>  <!-- have to create table row for every 10 elements  -->
           <td>
                <a data-bind="attr:{ 'id': $index }, text: $data " ></a> 
           </td>
        </tr>
    </tbody>
</table>

JavaScript

function Pagination() {

    var self = this;
    self.TotalPageCount = ko.observable("23");
    self.Pages = ko.observableArray(['1','2','3','4','5','6','7','8','9','10',
                    '11','12','13','14','15','16','17','18','19','20',
                                    '21','22','23' ]);

};


var PaginationVM;

$(document).ready(function(){

     PaginationVM= new Pagination();
    ko.applyBindings(PaginationVM, document.getElementById("pagerTable"));

});