Question

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

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

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

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

其他信息：我希望纯JavaScript而不使用其他库（jQuery）到我的库。

Answer 1

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

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

而不是

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

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

在javascript中为表创建自定义库

1 个答案: