Html 如何固定左栏、右栏和中心部分的水平滚动？

我有一个表，我必须设置左栏和右栏将是固定的，滚动只有中心内容水平。我尝试了一些代码，但不能正常工作。左栏和右栏显示已修复，但工作不正常。我在这里更新了代码：

表{边框折叠：单独；边框顶部：3px实心灰色；}
运输署{
保证金：0；
边框：3倍纯色灰色；
边框顶部宽度：0px；
空白：nowrap；
}
div{
宽度：600px；
溢出-x：滚动；
填充：30px；
位置：相对位置；
保证金：0自动；
}
.headcol，.headcol_右{
位置：绝对位置；
宽度：5em；
顶部：自动；
右边框：1px#纯黑；
边框顶部宽度：3倍；
利润上限：-3px；
溢出：隐藏；
背景色：红色；
}
校长{
左：0；
}
校长：对{
右：0；
}

高级工程师
不
日期
学名
标准
行动
1.
2002年11月17日
09-11-2015 13:48:53
JKAJSAKJKLJLK
X
1.
2002年11月17日
09-11-2015 13:48:53
JKAJSAKJKLJLK
X

您需要固定的左div和右div，以及可水平滚动的中间表格

您可以使用此jquery库来创建所需的UI-

它提供用于修复左栏/右栏的设置-

fixedColumns.rightColumns

fixedColumns.leftColumns

---

这个例子能满足你的需要吗

表{
边框折叠：单独；边框顶部：3倍纯灰；}
运输署{
保证金：0；
边框：3倍纯色灰色；
边框顶部宽度：0px；
空白：nowrap；
}
.wrap{
位置：相对位置；
宽度：100%；
}
.内部{
位置：绝对位置；
排名：0；
左：80px；
右：80px；
溢出：自动；
}
.headcol，.headcol_右{
位置：固定；
宽度：5em；
顶部：自动；
右边框：1px#纯黑；
边框顶部宽度：3倍；
利润上限：-3px；
溢出：隐藏；
背景色：红色；
}
校长{
左：0；
}
校长：对{
右：0；
}

高级工程师
不
日期
学名
标准
行动
1.
2002年11月17日
09-11-2015 13:48:53
JKAJSAKJKLJLK
X
1.
2002年11月17日
09-11-2015 13:48:53
JKAJSAKJKLJLK
X

试试看

表格{
边界：0；
边界间距：0；
边界塌陷：塌陷；
}
运输署{
保证金：0；
边框：3倍纯色灰色；
边框顶部宽度：0px；
空白：nowrap；
显示：表格单元格；
}
td，th{
宽度：15%；
}
.容器块{
宽度：800px；
/*填充：30px*/
位置：相对位置；
保证金：0自动；
}
.headcol，.headcol_右{
位置：绝对位置；
/*宽度：5em*/
顶部：自动；
边框顶部宽度：3倍；
溢出：隐藏；
背景色：红色；
边框：3倍纯色灰色；
}
校长{
左：-45px；
}
校长：对{
右：20px；
}
.桌座{
左边距：85像素；
溢出-x：滚动；
宽度：565px；
}

学名
发票号
发票日期
标准
学科
数量
优惠
税
发票金额
付款方式
行动
纳伦
00002
09-11-2015 13:48:53
X
数学
2500
100
10
15000
支票
普拉文
00002
09-11-2015 13:48:53
X
数学
2500
100
10
15000
支票
阿吉特
00002
09-11-2015 13:48:53
X
数学
2500
100
10
15000
支票
阿米特
00002
09-11-2015 13:48:53
X
数学
2500
100
10
15000
支票
纳伦
00002
09-11-2015 13:48:53
X
数学
2500
100
10
15000
支票
普拉文
00002
09-11-2015 13:48:53