diff --git a/module/program/ui/browse.html.php b/module/program/ui/browse.html.php
index 67a14dd02f..86176f928b 100644
--- a/module/program/ui/browse.html.php
+++ b/module/program/ui/browse.html.php
@@ -85,6 +85,22 @@ if(\common::hasPriv('program', 'create'))
   );
 }
 
+$pagerData = array(
+    'items' => array
+    (
+        array('type' => 'info',      'text' => '共 {recTotal} 项'),
+        array('type' => 'size-menu', 'text' => '每页 {recPerPage} 项', 'dropdown' => array('placement' => 'top')),
+        array('type' => 'link',      'page' => 'prev', 'icon' => 'icon-angle-left', 'hint' => '上一页'),
+        array('type' => 'nav'),
+        array('type' => 'link',      'page' => 'next', 'icon' => 'icon-angle-right', 'hint' => '下一页'),
+    ),
+    'page' => 2,
+    'recTotal' => 101,
+    'recPerPage' => 10,
+    'linkCreator' => '#?page={page}&recPerPage={recPerPage}',
+    'onClickItem' => '(info)=>{console.log("> pager.onClickItem" => info)}'
+);
+
 page(
     set('title', $title),
     pageheader
@@ -117,7 +133,12 @@ page(
           set('js-render', true),
           set('cols', $cols),
           set('width', '100%'),
-          set('data', $data),
+          set('data', $data)
+        ),
+        pager
+        (
+            set('js-render',   true),
+            set($pagerData)
         )
     ),
     dropdown
diff --git a/zin/func.php b/zin/func.php
index dea9219197..6287c6da2f 100644
--- a/zin/func.php
+++ b/zin/func.php
@@ -44,3 +44,4 @@ function pageheading() {return createWg('pageheading', func_get_args());}
 function pagenavbar()  {return createWg('pagenavbar', func_get_args());}
 function pagetoolbar() {return createWg('pagetoolbar', func_get_args());}
 function avatar()      {return createWg('avatar', func_get_args());}
+function pager()       {return createWg('pager', func_get_args());}
diff --git a/zin/wg/pager/v1.php b/zin/wg/pager/v1.php
new file mode 100644
index 0000000000..7365a92385
--- /dev/null
+++ b/zin/wg/pager/v1.php
@@ -0,0 +1,10 @@
+<?php
+namespace zin;
+
+class pager extends wg
+{
+    protected function build()
+    {
+        return zui::pager(inherit($this));
+    }
+}