Javascript 基于范围滑块值以百分比形式设置表格网格的宽度

我想使用jQuery根据范围滑块值设置表列的宽度。在这里可以看到多个范围滑块。如果第一个范围滑块的值为21%，则表中第一列的宽度必须为21%。类似地，如果第二个范围滑块的值为16%，则表中第二列的宽度必须为16%

其次，如果我移动到第一个范围滑块，第一个范围滑块的值将增加。如果第一个滑块的值增大，则必须减小第二个滑块的值。意思是，我想保持所有滑块的值为100%

请检查下面的代码

thead tr{
背景：蓝色；
边界：无；
}
.主分区{
宽度：100%；
}
.range滑块容器{
宽度：30%；
浮动：左；
}
.桌上容器{
宽度：70%；
浮动：左；
}

19
16
6.
13
13
13
20
日期
活动
活动
数量
比率
数量
SKU
12/01/2016
项目名称
项目说明
2.
225
450
PRD123
12/01/2016
项目名称
项目说明
2.
225
450
PRD123

您能发布一些您尝试过的代码吗。不知道你是什么asking@joyBlanks在我的问题中添加了代码