在Table的Tbody中实现滚动条滚动

  • 功能描述:

    在一个Table中实现表头固定不动,内容部分实现通过滚动条滚动。

  • 实现效果:

    

    当页面宽度变宽时,只有最后一列的宽度会改变。

    

    

  • 逻辑实现:

    1、将表头和内容分别使用两个table标签包裹,每一个table使用div包裹,并设置不同的样式。

    2、除了最后一列外,每一列的tr和td中都包含一个div,在div内输入显示的信息,并设置样式。

  • 具体实现:

     

    

    

 

posted on 2016-12-27 10:25  sillypasserby  阅读(15009)  评论(2)    收藏  举报

导航