原生 table css實現操作按鈕固定右側及底部滾動 IE不會卡死

william 發布于2019-04-23 11:49 / 2225人閱讀

摘要：貼一下簡單的代碼，只實現操作按鈕固定右側以及底部滾動條功能第一層固定寬度與定位底部滾動條及樣式表格寬度需大于父盒子的寬度才會出現滾動條操作測試測試測試編輯這里用包裹寫定位的樣式而不是直接在上直接寫定位，是為了避免瀏覽器卡死

需求的表格比較復雜（各種合并新增刪除），elementUi的table組件無法滿足需求，故而寫了原生table，且與其他用了table組件的表格保持一致。

貼一下簡單的代碼，只實現操作按鈕固定右側以及底部滾動條功能：

Document
　　　　

1	2	3	操作
測試	測試	測試	編輯

? ? 　　這里用div包裹table寫定位的樣式而不是直接在table上直接寫定位，是為了避免IE瀏覽器卡死

云服務器 GPU云服務器固定頁面底部底部按鈕服務器底部按鈕是什么原生js滾輪滾動

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1202.html

一些css基礎學習筆記

摘要：當父元素設置了的，子元素為時，設置無效當父元素設置了時，子元素超出父元素部分無效只能限制的層級相當于自身進行定位，相對于邊界會影響其他元素定位，而無影響自定義拖拽效果同時存在，無效同理，無效可提高層疊級數父元素的較大排前面數值排在上，當前層 relative 1.當父元素設置了relative的zindex，子元素為absolute時，設置zindex無效2.當父元素relative設...

cgh1999520 2019-08-29 16:12 評論0 收藏0
寫網頁時拿起就用的小技巧

摘要：允許以特定的方式去定義匹配某個區域的特定元素。在規定一個框的寬高之外給這個框加內邊距和邊框。和默認值在規定的一個框的寬高之內給這個框加內邊距和邊框。 1. box-sizing：允許以特定的方式去定義匹配某個區域的特定元素。 content-box：在規定一個框的寬高之外給這個框加內邊距和邊框。 border-box：（textarea和select默認值）在規定的一個框的寬高之內給這...

econi 2019-08-20 18:21 評論0 收藏0
寫網頁時拿起就用的小技巧

摘要：允許以特定的方式去定義匹配某個區域的特定元素。在規定一個框的寬高之外給這個框加內邊距和邊框。和默認值在規定的一個框的寬高之內給這個框加內邊距和邊框。 1. box-sizing：允許以特定的方式去定義匹配某個區域的特定元素。 content-box：在規定一個框的寬高之外給這個框加內邊距和邊框。 border-box：（textarea和select默認值）在規定的一個框的寬高之內給這...

rubyshen 2019-08-29 13:03 評論0 收藏0
寫網頁時拿起就用的小技巧

摘要：允許以特定的方式去定義匹配某個區域的特定元素。在規定一個框的寬高之外給這個框加內邊距和邊框。和默認值在規定的一個框的寬高之內給這個框加內邊距和邊框。 1. box-sizing：允許以特定的方式去定義匹配某個區域的特定元素。 content-box：在規定一個框的寬高之外給這個框加內邊距和邊框。 border-box：（textarea和select默認值）在規定的一個框的寬高之內給這...

QiShare 2019-08-01 17:16 評論0 收藏0
用 ES6 寫全屏滾動插件

摘要：這篇文章將介紹如何使用原生主要使用語法實現全屏滾動插件，兼容手機觸屏，觸摸板優化，支持自定義頁面動畫，壓縮后文件只有。這篇文章將介紹如何使用原生 JS （主要使用 ES6 語法）實現全屏滾動插件，兼容 IE 10+、手機觸屏，Mac 觸摸板優化，支持自定義頁面動畫，壓縮后 gzip 文件只有 2.15KB。完整源碼在這 pure-full-page，點這查看 demo。 1）前面的話...

liuchengxu 2019-08-26 11:52 評論0 收藏0