在javascript中为表创建自定义库

时间:2014-10-26 14:55:12

标签: javascript html css

我正在尝试为我的表构建一个自定义库,我想为每个列添加一个选项(th)我可以定义它们的宽度取决于我声明的内容。例如,我只需要定义第一列和第二列的宽度(th),我有8列,其余的列应该有宽度。

我的示例片段在我的表原型中:

init: function (el, options) {
     column: {
       width: [20, 200, 500]
     }
}

我不确定怎么做,因为我开始学习javascript。现在我只是添加宽度,迟早我会在列中添加更多选项,例如color等。

其他信息:我希望纯JavaScript而不使用其他库(jQuery)到我的库。

1 个答案:

答案 0 :(得分:0)

模型方面你可能想要这样的东西:

{
    columns: [ {
        label: "Foo",
        width: 50   // px
    }, {
        label: "Bar",
        width: 100  // px
    }, {
        label: "Baz",
        width: "*"
    } ]
}

而不是

{
    column_widths: [ 50, 100, "*" ]
    column_labels: [ "Foo", "Bar", "Baz" ]
}

"*"将转换为没有定义宽度的列,因此浏览器将决定它的宽度。这是否可取取决于你。