Skip to content

tobesimple7/TbsGrid

Repository files navigation

tbsgrid tbsgrid tbsgrid GitHub Workflow Status

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

<script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>

<style  src="https://cdn.jsdelivr.net/npm/tbsgrid@0.2.40/dist/css/tbsgrid.css" />
<script src="https://cdn.jsdelivr.net/npm/tbsgrid@0.2.40/dist/tbsgrid-configs.js" />
<script src="https://cdn.jsdelivr.net/npm/tbsgrid@0.2.40/dist/tbsgrid.min.js" />

NPM

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.