https://github.com/tobesimple7/tbsgrid
html Javascript web grid
https://github.com/tobesimple7/tbsgrid
data-grid datagrid datagridview grid javascript javascript-grid typescript webgrid
Last synced: about 1 year ago
JSON representation
html Javascript web grid
- Host: GitHub
- URL: https://github.com/tobesimple7/tbsgrid
- Owner: tobesimple7
- Created: 2024-08-24T17:13:20.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-14T23:04:47.000Z (over 1 year ago)
- Last Synced: 2025-05-08T19:09:19.235Z (about 1 year ago)
- Topics: data-grid, datagrid, datagridview, grid, javascript, javascript-grid, typescript, webgrid
- Language: TypeScript
- Homepage: https://tobesimple.net
- Size: 3.72 MB
- Stars: 63
- Watchers: 1
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: License.txt
Awesome Lists containing this project
README
# [TbsGrid - Beta version](https://tobesimple.net)
Welcome to TbsGrid.
This grid is javascript web data grid.
Currently, TbsGrid is in beta.
There may be minor errors.
---
Thank you for visiting TbsGrid.
Also, thank you for giving me a star.
I will try to make a good product.
- The tbs prefix was created from the first letters of 'tobesimple.net'.
- The current github source and min files may be slightly different.
- I am currently trying to manage the version with the beta version.
## Plans
- We plan to develop with a focus on source weight reduction and memory management.
- We are prioritizing the stabilization of Data Grid.
## Notable features
- This grid is made with JavaScript(Module) and CSS.
- It can also bind large amounts of data.
- Supports cross-browser.
- It has various functions such as column movement, sorting, filtering, etc.
## Getting Started
### CDN
```html
```
### NPM
```js
npm install tbsgrid
import { tbsGridConfigs } from "tbsgrid/dist/tbsgrid-configs.js";
import { TbsGrid as TbsGridComponent } from "tbsgrid";
import "tbsgrid/dist/css/tbsgrid.css"
```
tbs.grid.configs.js
- This file is the grid initial settings file for each country's currency unit or calendar-related characters.
- You can set it by country in the config file.
## Documentation & Demo
- Click the link below to view the demo and documentation.
* [Index Page](https://tobesimple.net)
* [Getting Started](https://tobesimple.net/page70/page70_001.php)
* [Globalization & Configs](https://tobesimple.net/page70/page70_003.php)
* [Data binding](https://tobesimple.net/page71/page71_001.php)
* [Column Types](https://tobesimple.net/page72/page72_001.php)
* [Header Columns](https://tobesimple.net/page73/page73_002.php)
* [Cell, Row Editor](https://tobesimple.net/page74/page74_001.php)
* [User Events](https://tobesimple.net/page75/page75_001.php)
* [Frozen Column,Row](https://tobesimple.net/page76/page76_001.php)
* [Grouping](https://tobesimple.net/page78/page78_001.php)
* [Filter Panel](https://tobesimple.net/page79/page79_001.php)
* [Tree Grid](https://tobesimple.net/page81/page81_001.php)
* [Paging Grid](https://tobesimple.net/page82/page82_001.php)