https://github.com/nju33/taba
🔧 Fixed table that works with pure JavaScript
https://github.com/nju33/taba
fixed-table flexbox library pure-javascript table
Last synced: 3 months ago
JSON representation
🔧 Fixed table that works with pure JavaScript
- Host: GitHub
- URL: https://github.com/nju33/taba
- Owner: nju33
- License: mit
- Created: 2017-03-03T07:53:54.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2017-03-19T05:06:45.000Z (about 8 years ago)
- Last Synced: 2025-01-23T00:14:33.739Z (5 months ago)
- Topics: fixed-table, flexbox, library, pure-javascript, table
- Language: HTML
- Homepage: https://www.npmjs.com/package/taba
- Size: 3.56 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Taba
🔧 Fixed table that works with pure JavaScript
## Install, or Download
```sh
yarn add taba
npm i -S taba
```
Or access to [releases page](https://github.com/nju33/taba/releases).
Then, download the latest version.
## Usage
```js
import Taba from 'taba';
const data =
new Taba({
target: getElementById('target')
data: {
style: {
// defaults
height: 'auto',
width: '100%',
cellPadding: '1em',
baseColor: '#f3f3f3',
subColor: '#ccc',
fixedElementColor: '#fff',
shadowColor: '#222'
}
data: {
header: {
data: [...],
fixed: true
},
body: {
data: [
[...],
[...],
[...]
],
// Even though scrolling horizontally,
// the first column is displayed all the time
fixed: 1,
// Zip this.data
// Using lodash.zip
zip: false
},
footer: {
data: [...],
fixed: false
}
}
}
});
```
### Example
- `test/fixtures/index.js`
- `example/webpack/index.js`
## LICENSE
The MIT License (MIT)
Copyright (c) 2017 nju33