table的横向滚动

    今天因为没有注意到项目有个文件是用普通table写的,以为是用datatables插件写的,所以在研究table的横向滚动时浪费了很多时间。

    1、datatables可以通过使用scrollX:true属性进行对table的水平滚动,table设置固定宽度,th, td 设置{ white-space: nowrap; }

    2、普通table可以通过用一个div包裹,设置div固定宽度,table固定宽度,div设置overflow:scroll,这是最重要的一步。这样就能实现table横向滚动。

猜你喜欢

转载自www.cnblogs.com/echospace-/p/9263897.html