资讯专栏INFORMATION COLUMN

原生 table css实现操作按钮固定右侧及底部滚动 IE不会卡死

william / 2201人阅读

摘要:贴一下简单的代码,只实现操作按钮固定右侧以及底部滚动条功能第一层固定宽度与定位底部滚动条及样式表格宽度需大于父盒子的宽度才会出现滚动条操作测试测试测试编辑这里用包裹写定位的样式而不是直接在上直接写定位,是为了避免浏览器卡死

需求的表格比较复杂(各种合并新增删除),elementUi的table组件无法满足需求,故而写了原生table,且与其他用了table组件的表格保持一致。

 

贴一下简单的代码,只实现操作按钮固定右侧以及底部滚动条功能:

  


Document
     
         
                                                                                                                                                                                                                         
123操作
测试测试测试编辑
    
  
      这里用div包裹table写定位的样式而不是直接在table上直接写定位,是为了避免IE浏览器卡死

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1202.html

相关文章

  • 一些css基础学习笔记

    摘要:当父元素设置了的,子元素为时,设置无效当父元素设置了时,子元素超出父元素部分无效只能限制的层级相当于自身进行定位,相对于边界会影响其他元素定位,而无影响自定义拖拽效果同时存在,无效同理,无效可提高层叠级数父元素的较大排前面数值排在上,当前层 relative 1.当父元素设置了relative的zindex,子元素为absolute时,设置zindex无效2.当父元素relative设...

    cgh1999520 评论0 收藏0
  • 写网页时拿起就用的小技巧

    摘要:允许以特定的方式去定义匹配某个区域的特定元素。在规定一个框的宽高之外给这个框加内边距和边框。和默认值在规定的一个框的宽高之内给这个框加内边距和边框。 1. box-sizing:允许以特定的方式去定义匹配某个区域的特定元素。 content-box:在规定一个框的宽高之外给这个框加内边距和边框。 border-box:(textarea和select默认值)在规定的一个框的宽高之内给这...

    econi 评论0 收藏0
  • 写网页时拿起就用的小技巧

    摘要:允许以特定的方式去定义匹配某个区域的特定元素。在规定一个框的宽高之外给这个框加内边距和边框。和默认值在规定的一个框的宽高之内给这个框加内边距和边框。 1. box-sizing:允许以特定的方式去定义匹配某个区域的特定元素。 content-box:在规定一个框的宽高之外给这个框加内边距和边框。 border-box:(textarea和select默认值)在规定的一个框的宽高之内给这...

    rubyshen 评论0 收藏0
  • 写网页时拿起就用的小技巧

    摘要:允许以特定的方式去定义匹配某个区域的特定元素。在规定一个框的宽高之外给这个框加内边距和边框。和默认值在规定的一个框的宽高之内给这个框加内边距和边框。 1. box-sizing:允许以特定的方式去定义匹配某个区域的特定元素。 content-box:在规定一个框的宽高之外给这个框加内边距和边框。 border-box:(textarea和select默认值)在规定的一个框的宽高之内给这...

    QiShare 评论0 收藏0
  • 用 ES6 写全屏滚动插件

    摘要:这篇文章将介绍如何使用原生主要使用语法实现全屏滚动插件,兼容手机触屏,触摸板优化,支持自定义页面动画,压缩后文件只有。 这篇文章将介绍如何使用原生 JS (主要使用 ES6 语法)实现全屏滚动插件,兼容 IE 10+、手机触屏,Mac 触摸板优化,支持自定义页面动画,压缩后 gzip 文件只有 2.15KB。完整源码在这 pure-full-page,点这查看 demo。 1)前面的话...

    liuchengxu 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<