<script src="./table.js"></script>


<div id="content">

</div>

<script>

    _header = ["功能", "名称", "作用"];
    header = tab.generateHeader(_header);
    col = new Array(_header.length);
    for(var i=0;i <_header.length;i++){
      col[i]=[]; //对每一列新建数组,不能使用fill，否则会因为地址空间相同而导致表格错蓝s
    }
    //我们在col里面填充内容,从而实现这样一个表格
    /**
     *        功能        名称           作用
     *                  电源            提供电源
     *       打开电脑    开关           bbb
     *                  显示器          ccc
     *                  显卡            ddd
     */

    col[0].push(tab.ci(    //在第0列插入一个合并4格的单元格
        "打开电脑",
        4
    ))

    col[1].push(tab.ci("电源", 1))
    col[1].push(tab.ci("开关", 1))
    col[1].push(tab.ci("显示器", 1))
    col[1].push(tab.ci("显卡", 1))

    col[2].push(tab.ci("提供电源", 1))
    col[2].push(tab.ci("bbb", 1))
    col[2].push(tab.ci("ccc", 1))
    col[2].push(tab.ci("ddd", 1))


    document.getElementById("content").innerHTML =
        "<table border='1'>" +                     //支持自定义更改表格样式
        tab.generateHtml(col, header) +
        "</table>";


</script>