2. 程式人生 > >一個js分頁類,可把table分頁,有例項

一個js分頁類,可把table分頁,有例項

阿新 • • 發佈：2019-01-10

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>無標題文件</title>
<script type="text/javascript"
 language="javascript">
window.onload =function(){
page =new Page(3,'table1','group_one'); };
</script>
</head>

<body>

<table id="table1" border="0" width="486">
<thead>
<tr style="background-color:#CCCCCC;">
<th style="cursor:pointer;">Last Name</th>
<th 
style="cursor:pointer;">First Name</th>
<th style="cursor:pointer;">Birthday</th>
<th style="cursor:pointer;">Siblings</th>
</tr>
</thead>
<tbody id="group_one">
<tr style="background-color:#f3f3f3">
<td>Smith</td>
<td>John</td>
<td
>7/12/1978</td>
<td>2</td>
</tr>
<tr style="background-color:#B4D6FC">
<td>Johnson</td>
<td>Betty</td>
<td>10/15/1977</td>
<td>4</td>
</tr>
<tr style="background-color:#f3f3f3">
<td>Henderson</td>
<td>Nathan</td>
<td>2/25/1949</td>
<td>1</td>
</tr>
<tr style="background-color:#B4D6FC">
<td>Williams</td>
<td>James</td>
<td>7/8/1980</td>
<td>4</td>
</tr>
<tr style="background-color:#f3f3f3">
<td>Gilliam</td>
<td>Micheal</td>
<td>7/22/1949</td>
<td>1</td>
</tr>
<tr style="background-color:#f3f3f3">
<td>Smith</td>
<td>John</td>
<td>7/12/1978</td>
<td>2</td>
</tr>
<tr style="background-color:#B4D6FC">
<td>Johnson</td>
<td>Betty</td>
<td>10/15/1977</td>
<td>4</td>
</tr>
<tr style="background-color:#f3f3f3">
<td>Henderson</td>
<td>Nathan</td>
<td>2/25/1949</td>
<td>1</td>
</tr>
<tr style="background-color:#B4D6FC">
<td>Williams</td>
<td>James</td>
<td>7/8/1980</td>
<td>4</td>
</tr>
<tr style="background-color:#f3f3f3">
<td>Gilliam</td>
<td>Micheal</td>
<td>7/22/1949</td>
<td>1</td>
</tr>
</tbody>
</table>
<span id="s"></span>
<table><tr><td><a href="#" onclick="page.nextPage();">下一頁</a></td><td><a href="#" onclick="page.prePage();">上一頁</a></td><td><span id="pageindex"></span></td></tr></table>
</body>
</html>

相關推薦

一個js分頁類,可把table分頁,有例項

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w

一個 JS 庫就能解決小程序跨頁傳遞事件消息和數據

pac back UNC 調用 -c orien 發送 ext 上一個 由於微信小程序 wx.navigateBack 方法並不支持返回傳值，導致頁面在返回後，不能方便地即時更新數據。 一.需求分析此類需求大概意思是：A 頁面進入 B 頁面，B 頁面返回並傳值給 A或在B頁

一個 JS 庫就能解決小程式跨頁傳遞事件訊息和資料

由於微信小程式 wx.navigateBack 方法並不支援返回傳值，導致頁面在返回後，不能方便地即時更新資料。 一.需求分析 此類需求大概意思是：A 頁面進入 B 頁面，B 頁面返回並傳值給 A或在B頁面觸發事件時，A頁面也有事件觸發改變。 業務分析

關於thinkphp中自帶的分頁類中setConfig("last","尾頁")無效的解決方法

問題： 在使用thinkphp自帶分頁類時，在設定尾頁顯示的最後一頁時，用setConfig(“last”,”尾頁”)來設定樣式，發現無效。 分析： 在分頁類(/ThinkPHP/Library/Think/Page.class.php)裡面有一個共有屬性

Hibernate查詢，返回new物件（注意這個新定義的類要有建構函式），使用sql帶條件分頁查詢並且把結果顯示到一個物件的集裡面的解決方案

IIndexDaopackage com.ucap.netcheck.dao;import com.ucap.netcheck.combination.beans.IndexCombinationBean;import com.ucap.netcheck.common.P

php 數據分頁類，可自定義多個分頁樣式

logs echo oot log 好的 num 方式 turn pre 調用分頁類的方法： // 測試分頁 public function pageTestAction() { Load::load_class(‘getPage‘,DI

一個通用分頁類

ref num hello 實現 col rom 還需要 一個 能夠 1、功能 　　這個通用分頁類實現的功能是輸入頁數（第幾頁）和每頁的數目，就能獲得相應的數據。 2、實現原理 　　分頁的實現通常分為兩種，一種是先把數據全查詢出來再分頁，一種是需要多少查詢多少，這裏使用第二

PHP---分頁類(page.class.php)

rst pagelist null .class ota bsp gen agen foreach 1 <?php 2 class Page 3 { 4 private $total; //數據總記錄數 5 priva

php 分頁類 只需new時寫入count即可

ech empty theme name space 參數名稱 var ... ota $count = M(‘recharge‘)->where($map)->count();$page = new Page($count);$lists = M(‘rech

nodejs分頁類

上進 too pre rst proto nat 基礎上 tro 最大 改編自http://my.oschina.net/wanglihui/blog/269907，感謝原作者，我在基礎上進行了二次封裝 分頁類，我放在 plugin/Paginate.js /** *

thinkphp自帶分頁類

thinkphp 自帶 分頁類 thinkphp自帶分頁使用案例：$Data = M(‘Data‘); // 實例化Data數據對象 date 是你的表名 import(‘ORG.Util.Page‘);// 導入分頁類 $count = $Data->where($map

PHP非常好用的分頁類

onf pan url pre ++ reg fig cti wal 分頁類： <?php /* * ********************************************* * @類名: page * @參數: $myde_tota

ThinkPHP分頁用異步來做，玩轉分頁類！

sse replace xpage private 替換 string 設置 nbsp urlencode 具體為什麽用異步來做分頁我就不多說了！ 用異步來做分頁，主要還是看分頁類怎麽玩！ 方便管理，還是把Ajax分頁作為一個工具來使用： 同樣新建工具類： 多次嘗試，最終

thinkphp簡潔、美觀、靠譜的分頁類

next 函數 col .com span mage lock == mod 廢話不多說先上圖預覽下；即本博客的分頁； 這個分頁類是在thinkphp框架內置的分頁類的基礎上修改而來； 原分頁類的一些設計，在實際運用中感覺不是很方便； 1：只有一頁內容時不顯示分頁

分頁類封裝

iss 初始 keycode args ceil 列表 首頁 set uil <?php /* * To change this template, choose Tools | Templates * and open the template in the

php+Mysql分頁 類和引用詳解

echo padding 數字 進行 else if sub var min func 一下內容為專用於分頁的類以及具體的方法和解析。<?php class Page { private $total;

分頁類

style ets sum pan pos tor name 獲得 items /// <summary> /// 分頁列表類 /// </summary> public class PagedList<T>

bootstrap-table分頁數據前臺不顯示

ams class 記錄 pagelist str scrip ole 等待 loop 問題:後臺返回數據{"total":52,"rows":[{"ztname":"2007年新會計準則科目（李相）","ztid":"003bf550-afa5-47b2-aa43-2e1

thinkphp3.2數組調用tp分頁類進行分頁

function gpo fun ont return con urn 數組 導入 先上function中封裝的函數 <?php function get_page($arr,$p,$pageSize) { import("Think.Page"); //導

PHP分頁類及用法

輸入參數 拼接 函數 獲取 gpo gen 技術 class 分享圖片 分頁類用來對大量的數據進行分頁處理，主要應用成員變量 limit 以及成員函數 fpage() 來動態輸出分頁查詢語句的條件以及分頁欄 分頁類 <?php /** fi