https://github.com/danisec/scroll-on-top-and-bottom-table
Scrollbar on top and bottom of table
https://github.com/danisec/scroll-on-top-and-bottom-table
Last synced: 9 months ago
JSON representation
Scrollbar on top and bottom of table
- Host: GitHub
- URL: https://github.com/danisec/scroll-on-top-and-bottom-table
- Owner: danisec
- Created: 2024-08-05T10:16:58.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-05T13:19:38.000Z (almost 2 years ago)
- Last Synced: 2024-08-06T12:15:36.538Z (almost 2 years ago)
- Language: CSS
- Size: 19.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Scrollbar On Top and Bottom of Table
## Table of Contents
- [Steps Add Scrollbar On Top and Bottom of Table](#steps-add-scrollbar-on-top-and-bottom-of-table)
- [Running Scrollbar On Top and Bottom of Table](#running-project-scroll-on-top-and-bottom-of-table)
## Steps Add Scrollbar On Top and Bottom of Table
You can add a scrollbar on top and bottom of a table by using the following code:
Add this code above the table code.
```html
```
Add an id with the name wrapper-second-scroll to the table wrapper.
```html
id="wrapper-second-scroll"
```
Add the following CSS code to the style tag.
```css
#wrapper-first-scroll,
#wrapper-second-scroll {
width: auto;
border: none 0px;
overflow-x: scroll;
overflow-y: hidden;
}
#wrapper-scroll {
height: auto;
}
#wrapper-second-scroll {
height: auto;
}
#div-scroll {
width: 550px;
height: 20px;
}
```
### Running Project Scroll On Top and Bottom of Table
```bash
npm install
```
```bash
npm build
```
## Reference
- [Stackoverflow](https://stackoverflow.com/a/47038108)