---
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.每頁只能有一組 後續新增的不會套用此效果