在JavaScript中為表格創建自定義庫

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" ]
}

"*"將轉換為沒有定義寬度的列，因此瀏覽器將決定其寬度。 是否需要由您決定。