jquery - 根据if和weight来调整表列的大小

Question

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

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

所以让我说我有这个：

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

我可以使用jQuery循环查看哪些内容非常容易隐藏，但是如何计算应用于每列的宽度？

Answer 1

如果你可以做宽度百分比，只需加上所有可见列的重量并使用这个公式 - column [i] .css（“width”，（（列重量）/（所有可见列的总重量）* 100）+“％”）;

Answer 2

CSS可以使用百分比设置宽度，因此您可以将其设置为（Weight / Sum_of_Visible_Weights）* 100％。或者，如果您计划一个明确的总表宽度，请将自己的百分比加倍，并设置宽度（以像素为单位）（或任何单位）。