Table分页表格

如何调用表格函数
地址：http://www.1473.cn/js/Controls/Complex/Table.js
<script type="text/javascript" src='http://www.1473.cn/js/Controls/Complex/Table.js'></script>
U.UF.DL.asynLoadJs({ type: "text/javascript", src: "http://www.1473.cn/js/Controls/Complex/Table.js" });


tablePage函数调用需要六个参数

事例：U.MD.UI.table(datasource,titles,widths,parent)

参数一 : (json) datasource         ——数据源，表格的数据源
事例：
    var datasource=[
    //由于事例中的json太常，就显示一部分
        
    {ID: "bb6ba250-42d8-11e8-a9c5-005056b350a4", Url: "http://api.1473.cn", Title: "有思学习园地",... }
    {ID: "601dbb7a-42e5-11e8-a9c5-005056b350a4", Url: "http://api.1473.cn/", Title: "有思学习园地",... }
    ]

参数二： (json) titiles         ——表格需要显示的列，和别名,还有绑定的事件
    事例
var _titles = {
    "orderID": {
        "name": "序号"
    },
    "Url": {
        "name": "链接地址",
        "content": [{       content 即有操作的需求设计的     此处为一个数组，每多一个操作，多一个数组元素
            "name": "点击查看",     显示的文字 可以是一个元素
            "onclick": function (datasource) { 绑定的点击事件，传递过来此行的数据
                //绑定事件
                window.open(datasource.Url);
            }
        }{       content 即有操作的需求设计的     此处为一个数组，每多一个操作，多一个数组元素
            "name": $$("input",{"value":"编辑","type":"button"}),     此为元素
            "onclick": function (datasource) { 绑定的点击事件，传递过来此行的数据
                //绑定事件
                window.open(datasource.Url);
            }
        },]
                
    },
    "Title": {
        "name": "网页标题"
    },
    "Keywords": {
        "name": "关键字"
    },
    "Description": {
        "name": "简介"
    },
    "Content": {
        "name": "内容",
        "content": [{
            "name": "点击查看",
            "onclick": function (datasource) {
                //绑定事件
                new U.UF.UI.form("测试内容", datasource.Description, { "style": {
                    "width": "570px",
                    "minHeight": "100px",
                    "maxHeight": "700px"
                }
                });
            }
        }]
    },
    "Author": {
        "name": "作者"
    }
};

参数三：(json) css           ——表格想对应的列要加入的样式
   事例：     //前面是列名，后面加样式
    var css={
            "Content":"width:100px", //这是自动加样式，,
            "orderID": "height:50px",//json的键值是数据源中的列名 比如这次事例中 orderID 是数据源的一个列名
            "Description": "width:400px;white-space:nowrap;"//json的值是要加的样式
    }

参数四: (number)prows      ——每个页面的显示行数
    事例 ： 10             ——代表一个页面10行

参数五： （number）index  ——默认显示页面
    事例：1                ——默认显示第一页

参数六：(obj)parent             ——表格生成在什么地方
    事例：//生成在下方的结果方块
    document.getElementById("result")
                

结果

 
作者：柏洋 
信息录入:柏洋