<table class="table table-condensed table-bordered">
    <caption>title</caption>
        <thead>
            <tr>
              <th>主机</th>
              <th>监控项</th>
              <th>备注</th>
              <th>时间</th></tr>
          </thead>
         <tbody id="table_result">
            <tr>
               <td>1</td>
               <td>2</td>
               <td>3</td>
               <td>4</td>
            </tr>
          </tbody>
        </table>
        <ul id="barcon" class="pagination pull-right"></ul>  //空的用来放分页后的表格

js：------------------------------------------

goPage(1,6);
    function goPage(pno, psize) {
        var itable = document.getElementById("table_result");//通过ID找到表格
        var num = itable.rows.length;//表格所有行数(所有记录数)
        var totalPage = 0;//总页数
        var pageSize = psize;//每页显示行数
        //总共分几页
        if (num / pageSize > parseInt(num / pageSize)) {
            totalPage = parseInt(num / pageSize) + 1;
        } else {
            totalPage = parseInt(num / pageSize);
        }
        var currentPage = pno;//当前页数
        var startRow = (currentPage - 1) * pageSize + 1;//开始显示的行  1
        var endRow = currentPage * pageSize;//结束显示的行  6
        endRow = (endRow > num) ? num : endRow;
        //遍历显示数据实现分页
        for (var i = 1; i < (num + 1); i++) {
            var irow = itable.rows[i - 1];
            if (i >= startRow && i <= endRow) {
                irow.style.display = "table-row"; //当前页的数据
            } else {
                irow.style.display = "none"; //非当前页的数据
            }
        }
        var tempStr = "";
        if (currentPage > 1) {
            tempStr += "<li><a href=\"#\" onClick=\"goPage(" + (currentPage - 1) + "," + psize + ")\">&laquo;</a></li>"
            for (var j = 1; j <= totalPage; j++) {
                tempStr += "<li><a href=\"#\" onClick=\"goPage(" + j + "," + psize + ")\">" + j + "</a></li>"
            }
        } else {
            tempStr += "<li><a href=\"#\">&laquo;</a></li>";
            for (var j = 1; j <= totalPage; j++) {
                tempStr += "<li><a href=\"#\" onClick=\"goPage(" + j + "," + psize + ")\">" + j + "</a></li>"
            }
        }
        if (currentPage < totalPage) {
            tempStr += "<li><a href=\"#\" onClick=\"goPage(" + (currentPage + 1) + "," + psize + ")\">&raquo;</a></li>";
            for (var j = 1; j <= totalPage; j++) {
            }
        } else {
            tempStr += "<li><a href=\"#\">&raquo;</a></li>";
            for (var j = 1; j <= totalPage; j++) {
            }
        }
        document.getElementById("barcon").innerHTML = tempStr;
    }