[CSS] 🎨 테이블(Table) 디자인 스타일 모음

Codepen에서 괜찮은 디자인을 뽐내는 CSS 템플릿중에 테이블(Table) 디자인 스타일(style) 요소들 모아 간추려 포스팅 해보았다.

급하게 CSS 템플릿을 찾으면서도 모던하면서도 준수한 디자인 예시를 원할때 좋은 참고가 되기를 바란다.

---

테이블 모음

 

See the Pen Advanced and accessible tables by Germán Freixinós López (@germanfrelo) on CodePen.

---

See the Pen CSS responsive table with fixed column and row headers and scroll snap by Scott Jehl (@scottjehl) on CodePen.

---

See the Pen Responsive Table Sass Mixin by Geoffrey Rose (@geoffreyrose) on CodePen.

---

See the Pen Responsive Table with DataTables by SitePoint (@SitePoint) on CodePen.

---

See the Pen CSS Responsive Table Layout by Luke Peters (@lukepeters) on CodePen.

---

See the Pen Responsive Table Solution by Seth Abbott (@sethabbott) on CodePen.

---

See the Pen Pseudo-classes Example by Shay Howe (@shayhowe) on CodePen.

---

See the Pen Accordion table by Adam (@adahei) on CodePen.

---

See the Pen Super simple table by corbpie (@corbpie) on CodePen.

---

See the Pen Data Table by alassetter (@alassetter) on CodePen.

---

See the Pen Responsive Table by Trevor Nestman (@FluidOfInsanity) on CodePen.

---

See the Pen Responsive Table by Jens Grochtdreis (@jensgro) on CodePen.

---

See the Pen <Table> Responsive by Pablo García (@pablorgarcia) on CodePen.

---

See the Pen HeavyTable by Victor Darras (@victordarras) on CodePen.

---

See the Pen Fixed table header by Nikhil Krishnan (@nikhil8krishnan) on CodePen.

---

See the Pen Responsive Table by Alico (@alico) on CodePen.

---

See the Pen Pure CSS Table Highlight (vertical & horizontal) by Alexander Erlandsson (@alexerlandsson) on CodePen.

---

See the Pen Table Styling by Asma Aderghal (@Asma_ader) on CodePen.