JQuery實現table分頁

2022-03-30 00:33:07 字數 2106 閱讀 8215

1.直接貼**:

var pagesize=2;  //

每頁顯示的記錄條數

var curpage=0; //

顯示第curpage頁

var len; //

總行數var page; //

總頁數$(function()

else

displaypage();

});$(

"#lastpage

").click(function()

else

displaypage();

});});

function displaypage()

});}

2.搞了一下午,完全搞懂了jquery分頁,發現這東西確實不好用,只能控制表面的顯示,就像同學說的,這都是假的。**儲存在這裡,封藏。

//

table分頁

var pagesize=2; //

每頁顯示的記錄條數

var curpage=0; //

顯示第curpage頁

var len; //

總行數var page; //

總頁數$(function()

else

displaypage();

});$(

"#lastpage

").click(function()

else

displaypage();

});$(

"#npage

").click(function()

else

displaypage();

});});

function displaypage()

});}

function pagesize2()

3.jsp相關**

"

show_tab

" cellpadding="

4">

class="

trhead

" id="

show_tab_one

">

學號密碼姓名

學院專業

班級年級

"list

">

"show_tab_tr

">

"number

"/>

"password

"/>

"name

"/>

"academy

"/>

"major

"/>

"classs

"/>

"grade

"/>

"lastpage

" type="

button

" value="

" >

"curpage

" type="

text

" size="

5">

"npage

" type="

button

" value="

確定">

"nextpage

" type="

button

" value="

">共

"page

" type="

text

" size="1"

readonly="

readonly

" >頁

每頁顯示

"pagesize

" type="

text

" value="

2" size="

5">行"

button

" value="

確定" onclick="

pagesize2()

">

4.效果截圖

jquery實現簡單分頁

這裡我的分頁思路是先建立乙個拼接行函式,然後根據每頁的行數,將陣列再放到分頁函式裡進行分頁。新增行函式 index 預設頁碼 num 一頁的行數 一頁的資料數 list 要拼成tr的資料list function init index,num,list else 分頁函式 function page...

ajax 動態繫結table同時實現分頁

document ready function else bindtable whsql,list,page,i previous click function else var whsql lblwhsql text var list lbldrplist text bindtable whsql...

js與jquery實現分頁

方法一 liujinzhong125男 山西呂梁 liujinzhong225男 山西呂梁 liujinzhong325男 山西呂梁 liujinzhong425男 山西呂梁 liujinzhong525男 山西呂梁 liujinzhong625男 山西呂梁 liujinzhong725男 山西呂梁...