双11狂欢大促

盲盒赢 定制羽绒服

开启惊喜盲盒，抽取你的专属好礼

— 惊喜奖品抢先看 —

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

超级年卡50元券

周边70元券

手机支架

一拖三数据线

雨伞

运动毛巾

电动牙刷

VIP月卡

机械键盘

定制羽绒服

我看了一个js给table分页的方法我怎么调用这个方法？

2013-03-29 03:09:21 192 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

suollk 墨衍会员 · AI 创作全网分发关注 + 加入社区

Bootstrap Table分页数据（Excel）导出相关文档 Bootstrap Table官网：http://bootstrap-table.wenzhixin.net.cn/zh-cn/ Bootstrap 中文网：http://www.bootcss.com/ Bootstrap Table Demo：http://issues.wenzhixin.net.cn/bootstrap-table/index.html 步骤： 1:引入... 阅读详情

http://blog.csdn.net/zhailulu/article/details/6672457

分页的代码在这里我手打了一个table不知道在哪里调用 TablePage("#Table",15)这个方法

还有就是我后台写了一个数据库然后读取数据库再用表格的方式把数据库的内容显示出来了也想调用这个方法怎么调用？

而且我想知道我怎么给我的table前面弄个序号就好像123456789 有8条记录序号就显示到8

...全文

全球尺度遥感云计算平台：Google Earth Engine Google Earth Engine（GEE）是一个基于 Google 云服务基础设施的遥感大数据分析平台，它结合 Google 强大的云计算能力与 NASA、ESA、NOAA 等机构的空间数据，用于在全球尺度解决一些非常重要的社会问题：森林退化、粮食安全、灾害预警、水资源管理、气候监测以及环境保护等。 GEE 官方宣传视频（版权归 Google 所有） Spacefan 的视频 ·303播放发展背景 2008 年，手握 40 多年 LandSat 数据的美国地质调查局（USG... 阅读详情

suollk

.NET社区 62,274 成员 668,968 内容

+ 关注 + 加入社区

切换为时间正序

Trouble___Maker 2013-03-29

打赏
举报

亲测，OK的说！！！

Trouble___Maker 2013-03-29

打赏
举报

<style type="text/css">
 .page a{
  text-decoration:none;
}
  .page a span{
  padding:4px 16px 4px 16px;
  border:1px solid #AAAAEE;
  color: #1155BB;
  font-size:12px;
  font-weight:bold;
  font-family: 'helvetica neue', arial, sans-serif;
}

.page a span:hover,.click_page{
  background:#2266BB;
  color:#ffffff;
 }
</style>
<script type="text/javascript" src="JQuery/jquery-1.4a2.min.js"></script>
<script type="text/javascript">
function TablePage(id,size){
   var $table = $(id);
    var currentPage = 0;  //当前页
    var pageSize = size;  //每页行数（不包括表头）
    $table.bind("repaginate", function()
    {
       //console.log($table.find("tbody tr").eq(0));
      $table.find("tbody tr").hide().slice(currentPage * pageSize, (currentPage + 1) * pageSize).show();
     // $table.find("tbody tr").eq(0).show();
    });
    var numRows = $table.find("tbody tr").length;  //记录宗条数
    var numPages = Math.ceil(numRows/pageSize);    //总页数
    //console.log(numPages);
    var $pager = $("<div class='page'><a href='javascript:void(0)'><span id='Prev' style='margin-right:4px;'>« Prev</span></a></div>");  //分页div
    for( var page = 0; page < numPages; page++ )
    {

      //为分页标签加上链接
      //if(page==0){$("<a href='javascript:void(0)'><span id='1' class="click_page"></span></a>")}
      $("<a href='javascript:void(0)'><span id='"+(page+1)+"'>"+ (page+1) +"</span></a>")
           .bind("click", { "newPage": page }, function(event){
                currentPage = event.data["newPage"];
                //console.log($(this).children("span"));
                $(this).children("span").attr("class","click_page");
                $(this).children("span").css({"color":"#FFFFFF"});
                $(".page a span").not($(this).children("span")).attr("class","");
                $(".page a span").not($(this).children("span")).css({"color":"#1155BB"});
                $table.trigger("repaginate");
            })
            .appendTo($pager);

        $pager.append("  ");
    }
    //$table.trigger("repaginate");
    var next=$("<a href='javascript:void(0)'><span id='Next'>Next »</span></a>");
    $pager.append(next);
    $pager.insertAfter($table);//分页div插入table
    $("#1").attr("class","click_page");
    $("#1").css({"color":"#FFFFFF"});
    $table.trigger("repaginate");
    //console.log($("#1"));
    //$("#1").attr("class","click_page");
    //$("#1").css({"background":"#FFFFFF"});
    $("#Prev").bind("click",function(){
       var prev=Number($(".click_page").text())-2;
       currentPage=prev;
       $(this).css({"background":"#000000"});
       if(currentPage<0) {
         $(this).css({"background":"#c0c0c0"});
         return;
 }
       $("#"+(prev+1)).attr("class","click_page");
       $("#"+(prev+1)).css({"color":"#FFFFFF"});
       $(".page a span").not($("#"+(prev+1))).attr("class","");
       $(".page a span").not($("#"+(prev+1))).css({"color":"#1155BB"});
       //console.log(currentPage);
       $table.trigger("repaginate");
    });
     $("#Next").bind("click",function(){
       var next=$(".click_page").attr("id");
       currentPage=Number(next);
       //console.log($(".click_page").text());
       $(this).css({"background":"#FFFFFF"});
       if((currentPage+1)>numPages) {
         $(this).css({"background":"#c0c0c0"});
         return;
         }
       $("#"+(currentPage+1)).attr("class","click_page");
       $("#"+(currentPage+1)).css({"color":"#FFFFFF"});
       $(".page a span").not($("#"+(currentPage+1))).attr("class","");
       $(".page a span").not($("#"+(currentPage+1))).css({"color":"#1155BB"});
       $table.trigger("repaginate");
    });
    
 }



</script>

<table id="tbl">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
</table>

<script type="text/javascript">
TablePage("#tbl",5); 
</script>

義東 2013-03-29

打赏
举报

试试在页面加载完后调用方法

suollk 2013-03-29

打赏
举报

怎么每次我的问题都没人回答是太简单了吗

✦双11狂欢大促✦

我看了一个js给table分页的方法 我怎么调用这个方法？

相关推荐

双11狂欢大促

我看了一个js给table分页的方法我怎么调用这个方法？