---
title: "Discussion on \"How to build a table with concurrent horizontal and vertical sticky headers in pure CSS\" | Hashnode"
description: "Discussion on \"How to build a table with concurrent horizontal and vertical sticky headers in pure CSS\". While creating user interfaces, we often encounter the problem that there is more data in our tables than can be fitted in the visible viewport. To achieve \nan excellent user experience on components like Gannt charts, data tables and spreadsheets, w..."
url: "https://hashnode.com/posts/how-to-build-a-table-with-concurrent-horizontal-and-vertical-sticky-headers-in-pure-css/6006e0e0094f2b30301dd927"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How to build a table with concurrent horizontal and vertical sticky headers in pure CSS](https://reactgrid.hashnode.dev/how-to-build-a-table-with-concurrent-horizontal-and-vertical-sticky-headers-in-pure-css?utm_source=hashnode&utm_medium=feed)

While creating user interfaces, we often encounter the problem that there is more data in our tables than can be fitted in the visible viewport. To achieve an excellent user experience on components like Gannt charts, data tables and spreadsheets, w...

Jan 19, 2021 · 8 min read · reactgrid.hashnode.dev  
Read the article

-   [#reactjs](https://hashnode.com/tag/reactjs)
-   [#html5](https://hashnode.com/tag/html5)
-   [#css](https://hashnode.com/tag/css)
-   [#javascript](https://hashnode.com/tag/javascript)
-   [#web-development](https://hashnode.com/tag/web-development)

## Written by

[ReactGrid](https://hashnode.com/@ReactGrid)

@ReactGrid · Kielce, Poland

  
[View profile](https://hashnode.com/@ReactGrid)

Awesome things in React

## Responses 1

Markdown supported · ⌘↵ to post

[Amirul Asyraf](https://hashnode.com/@asyraf_)

[Jan 20, 2021](https://hashnode.com/posts/how-to-build-a-table-with-concurrent-horizontal-and-vertical-sticky-headers-in-pure-css/6006e0e0094f2b30301dd927/comment/6007ac58094f2b30301de469)

Awesome, new knowledge 🚀