---
# System prepended metadata

title: 表格陰影 Javascript
tags: [javascript]

---

---
tags: javascript
---

# 表格陰影 Javascript
https://github.com/gauthierblanpain/table-scroll-shadow

優點
使用Javascript 可以判斷 區塊有溢出 區塊是左邊還是右邊溢出 透過偽元素添加陰影
.has-overflow
.has-shadow-right
.has-shadow-left

缺點
1.所需結構要有<table> 才會觸發
<div class="table-wrapper">
  <div class="table-scroll">
    <table>
      <!-- Tabular data here -->
    </table>
  </div>
</div>

2.每頁只能有一組 後續新增的不會套用此效果