datatable

Anoop 9ded94d5a4 rebrand		2 yıl önce
cypress	Initial Commit	2 yıl önce
dist	rebrand	2 yıl önce
src	Initial Commit	2 yıl önce
test	Initial Commit	2 yıl önce
.eslintignore	Initial Commit	2 yıl önce
.eslintrc	Initial Commit	2 yıl önce
.gitignore	rebrand	2 yıl önce
LICENSE	Initial Commit	2 yıl önce
README.md	Initial Commit	2 yıl önce
cypress.json	Initial Commit	2 yıl önce
index.html	Initial Commit	2 yıl önce
package.json	Initial Commit	2 yıl önce
rollup.config.js	Initial Commit	2 yıl önce
yarn.lock	Initial Commit	2 yıl önce

README.md

XhiveFramework DataTable

A modern datatable library for the web

Introduction

XhiveFramework DataTable is a simple, modern and interactive datatable library for displaying tabular data. Originally built for XhiveERP, it can be used to render large amount of rows without sacrificing performance and has the basic data grid features like inline editing and keyboard navigation. It does not require jQuery, unlike most data grids out there.

Demo

Features

Cell Features

Custom Formatters
Inline Editing
Mouse Selection
Copy Cells
Keyboard Navigation
Custom Cell Editor

Column Features

Reorder Columns
Sort by Column
Remove / Hide Column
Custom Actions
Resize Column
Flexible Layout

Row Features

Row Selection
Tree Structured Rows
Inline Filters
Large Number of Rows
Dynamic Row Height

Install

yarn add xhiveframework-datatable
# or
npm install xhiveframework-datatable

Note: sortablejs is required to be installed as well.

Usage

const datatable = new DataTable('#datatable', {
  columns: [ 'First Name', 'Last Name', 'Position' ],
  data: [
    [ 'Don', 'Joe', 'Designer' ],
    [ 'Mary', 'Jane', 'Software Developer' ]
  ]
});

Contribution

yarn start - Start dev server
Open index.html located in the root folder, and start development.
Run yarn lint before committing changes
This project uses commitizen for conventional commit messages, use yarn commit command instead of git commit

License

MIT