diff --git a/demo/apps/apijson_demo/settings.ini b/demo/apps/apijson_demo/settings.ini
index c002a8d..bc4d844 100644
--- a/demo/apps/apijson_demo/settings.ini
+++ b/demo/apps/apijson_demo/settings.ini
@@ -6,19 +6,19 @@ moment = 'apijson_demo.models.Moment'
 [APIJSON_MODELS]
 moment = {
     "user_id_field" : "user_id",
-    "GET" : { "roles" : ["OWNER","LOGIN"] },
-    "HEAD" : { "roles" : ["OWNER","LOGIN"] },
-    "POST" : { "roles" : ["OWNER"] },
-    "PUT" : { "roles" : ["OWNER"] },
-    "DELETE" : { "roles" : ["OWNER"] },
+    "GET" : { "roles" : ["OWNER","LOGIN","ADMIN"] },
+    "HEAD" : { "roles" : ["OWNER","LOGIN","ADMIN"] },
+    "POST" : { "roles" : ["OWNER","ADMIN"] },
+    "PUT" : { "roles" : ["OWNER","ADMIN"] },
+    "DELETE" : { "roles" : ["OWNER","ADMIN"] },
 }
 comment = {
     "user_id_field" : "user_id",
-    "GET" : { "roles" : ["OWNER","LOGIN"] },
-    "HEAD" : { "roles" : ["OWNER","LOGIN"] },
-    "POST" : { "roles" : ["OWNER"] },
-    "PUT" : { "roles" : ["OWNER"] },
-    "DELETE" : { "roles" : ["OWNER"] },
+    "GET" : { "roles" : ["OWNER","LOGIN","ADMIN"] },
+    "HEAD" : { "roles" : ["OWNER","LOGIN","ADMIN"] },
+    "POST" : { "roles" : ["OWNER","ADMIN"] },
+    "PUT" : { "roles" : ["OWNER","ADMIN"] },
+    "DELETE" : { "roles" : ["OWNER","ADMIN"] },
 }
 
 [APIJSON_REQUESTS]
diff --git a/demo/apps/settings.ini b/demo/apps/settings.ini
index 0794738..11d0a6d 100644
--- a/demo/apps/settings.ini
+++ b/demo/apps/settings.ini
@@ -19,12 +19,14 @@ INSTALLED_APPS = [
     'uliweb_comui',
     'uliweb_apijson.apijson',
     'apijson_demo',
+    'tables',
 ]
 
 [MENUS]
 MAINMENU = {
     'subs':[
         {'name': 'apijson', 'link':'/', 'title':u'APIJSON Demo'},
+        {'name': 'tables', 'link':'/tables', 'title':u'APIJSON tables'},
     ]
 }
 
diff --git a/demo/apps/tables/README.md b/demo/apps/tables/README.md
new file mode 100644
index 0000000..e69de29
diff --git a/demo/apps/tables/__init__.py b/demo/apps/tables/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/demo/apps/tables/static/readme.txt b/demo/apps/tables/static/readme.txt
new file mode 100644
index 0000000..2ef657e
--- /dev/null
+++ b/demo/apps/tables/static/readme.txt
@@ -0,0 +1 @@
+This directory is used to store static files.
\ No newline at end of file
diff --git a/demo/apps/tables/templates/Tables/layout.html b/demo/apps/tables/templates/Tables/layout.html
new file mode 100644
index 0000000..cbe1ebc
--- /dev/null
+++ b/demo/apps/tables/templates/Tables/layout.html
@@ -0,0 +1,11 @@
+{{extend "site/layout0.html"}}
+
+{{block title}}uliweb-apijson demo{{end title}}
+
+{{block mainmenu}}
+{{<< mainmenu('tables')}}
+{{end mainmenu}}
+
+{{block sidemenu}}{{end sidemenu}}
+
+{{block header_custom_menu}}{{end header_custom_menu}}
diff --git a/demo/apps/tables/templates/Tables/list.html b/demo/apps/tables/templates/Tables/list.html
new file mode 100644
index 0000000..510663a
--- /dev/null
+++ b/demo/apps/tables/templates/Tables/list.html
@@ -0,0 +1,28 @@
+{{extend "Tables/layout.html"}}
+
+{{block content_main}}
+{{use "ui.vue"}}
+{{use "ui.iview"}}
+{{include "vue/inc_apijson_table.html"}}
+{{if role!="ADMIN":}}
+<div class="alert alert-warning" role="alert">You should <a class="btn btn-primary btn-sm" href="{{=url_for('uliweb_apps.login.views.login')}}" role="button">login</a> with user <strong>admin</strong> to view all the tables</div>
+{{pass #if}}
+<div id="app">
+    <tabs v-model:value="tab_current" type="card">
+        <tab-pane v-for="item in tabs" :key="item" :label="item" :name="item">
+            <apijson-table :table_name="item"></apijson-table>
+        </tab-pane>
+    </tabs>
+</div>
+
+<script>
+var vm = new Vue({
+    el: '#app',
+    delimiters: ['{', '}'],
+    data:{
+        tab_current: null,
+        tabs: {{=table_keys_json}}
+    }
+})
+</script>
+{{end content_main}}
diff --git a/demo/apps/tables/templates/readme.txt b/demo/apps/tables/templates/readme.txt
new file mode 100644
index 0000000..0e0be77
--- /dev/null
+++ b/demo/apps/tables/templates/readme.txt
@@ -0,0 +1 @@
+This directory is used to store template files.
\ No newline at end of file
diff --git a/demo/apps/tables/templates/vue/inc_apijson_table.html b/demo/apps/tables/templates/vue/inc_apijson_table.html
new file mode 100644
index 0000000..c7bc3c6
--- /dev/null
+++ b/demo/apps/tables/templates/vue/inc_apijson_table.html
@@ -0,0 +1,80 @@
+<script>
+Vue.component('apijson-table', {
+    delimiters: ['{', '}'],
+    props: ["table_name"],
+    template: `<div>
+    <i-table stripe border :columns="tcolumns" :data="tlist" @on-sort-change="table_on_sort_change"></i-table>
+    <page :total="total" :page-size="query_count" :current.sync="current_page" :page-size-opts="[10, 20, 50, 100]" show-sizer @on-change="page_on_change" @on-page-size-change="page_on_page_size_change"></page>
+</div>`,
+    data: function(){
+        return {
+            tcolumns:[
+                {title:'#',key:'id'}
+            ],
+            tcolumns_init: false,
+            tlist:[],
+            query_count: 10,
+            current_page: 1,
+            total: 0,
+            sort_key: "id",
+            sort_order: "-"
+        }
+    },
+    methods: {
+        update_list: function(){
+            var thisp = this
+            var arr_params = {
+                "@count":thisp.query_count,
+                "@page":thisp.current_page-1,
+                "@query":2
+            }
+            arr_params[this.table_name] = {
+                "@order":thisp.sort_key+thisp.sort_order,
+                "@role":"{{=role}}"
+            }
+            var params = {
+                "[]":arr_params,
+                "total@":"/[]/total"
+            }
+            $.ajax({
+                type: "POST",
+                url: "{{=url_for('uliweb_apijson.apijson.views.ApiJson.get')}}",
+                contentType: 'application/json',
+                data: JSON.stringify(params),
+                success: function (data) {
+                    if (data.code==200) {
+                        var arr = data["[]"]
+                        if (!thisp.tcolumns_init) {
+                            if (arr.length>0) {
+                                var item = arr[0]
+                                for (var k in item){
+                                    if (k!="id") {
+                                        thisp.tcolumns.push({title:k,key:k})
+                                    }
+                                }
+                                thisp.tcolumns_init = true
+                            }
+                        }
+                        thisp.tlist = arr
+                        thisp.total = data.total
+                    }
+                }
+            })
+        },
+        table_on_sort_change: function(){
+
+        },
+        page_on_change: function(data) {
+            this.update_list()
+        },
+        page_on_page_size_change: function(data) {
+            this.query_count = data
+            this.current_page = 0
+            this.update_list()
+        }
+    },
+    mounted: function(){
+        this.update_list()
+    }
+})
+</script>
diff --git a/demo/apps/tables/views.py b/demo/apps/tables/views.py
new file mode 100644
index 0000000..1aa5f8d
--- /dev/null
+++ b/demo/apps/tables/views.py
@@ -0,0 +1,19 @@
+#coding=utf-8
+from uliweb import expose, functions
+from json import dumps
+
+@expose('/tables')
+class Tables(object):
+    @expose('')
+    def list(self):
+        table_keys = settings.APIJSON_MODELS.keys()
+        if request.user and functions.has_role(request.user,"ADMIN"):
+            role = "ADMIN"
+        elif request.user:
+            role = "LOGIN"
+        else:
+            role = "UNKNOWN"
+        return {
+            "table_keys_json":dumps(table_keys),
+            "role":role
+        }
diff --git a/demo/doc/imgs/demo_screenshot.png b/demo/doc/imgs/demo_screenshot.png
index 5a8c248..4bdb614 100644
Binary files a/demo/doc/imgs/demo_screenshot.png and b/demo/doc/imgs/demo_screenshot.png differ
diff --git a/uliweb_apijson/apijson/views.py b/uliweb_apijson/apijson/views.py
index 6ac3dd9..cca696c 100644
--- a/uliweb_apijson/apijson/views.py
+++ b/uliweb_apijson/apijson/views.py
@@ -123,7 +123,7 @@ def _get_array(self,key):
         if query_page:
             #@page begin from 0
             try:
-                query_page = int(params[n])
+                query_page = int(query_page)
             except ValueError as e:
                 log.error("bad param in '%s': '%s'"%(n,params))
                 return json({"code":400,"msg":"@page should be an int, now '%s'"%(params[n])})