jquery - 根据是否可见和权重调整表列的大小

Question

好吧，我正在开发一个页面，该页面允许用户选择他们想要查看的表格中的哪些列。 由于内容的原因，有些栏需要比其他栏宽，所以我需要给它们一个权重。

我可以很容易地隐藏每一列，但在隐藏每一列之后，我需要调整它们的大小。

假设我有这个:

var columns = {
   //column name: weight
   id: 1,
   firstName: 2,
   lastName: 3,
   email: 3,
   address: 4
}

我可以使用 jQuery 很容易地遍历并确定哪些是隐藏的，但是我如何计算应用于每列的宽度？

Answer 1

如果您可以使用百分比宽度，只需将所有可见列的权重相加并使用此公式 -column[i].css("width", ((列权重)/(所有可见列的总权重) * 100) + "%");