今天因为没有注意到项目有个文件是用普通table写的,以为是用datatables插件写的,所以在研究table的横向滚动时浪费了很多时间。
1、datatables可以通过使用scrollX:true属性进行对table的水平滚动,table设置固定宽度,th, td 设置{ white-space: nowrap; }
2、普通table可以通过用一个div包裹,设置div固定宽度,table固定宽度,div设置overflow:scroll,这是最重要的一步。这样就能实现table横向滚动。