All Projects → olifolkerd → Tabulator

olifolkerd / Tabulator

Licence: mit
Interactive Tables and Data Grids for JavaScript

Programming Languages

javascript
184084 projects - #8 most used programming language
SCSS
7915 projects

Projects that are alternatives of or similar to Tabulator

Sheetjs
📗 SheetJS Community Edition -- Spreadsheet Data Toolkit
Stars: ✭ 28,479 (+557.87%)
Mutual labels:  json, data, grid, table
Blazortable
Blazor Table Component with Sorting, Paging and Filtering
Stars: ✭ 249 (-94.25%)
Mutual labels:  data, grid, table
Aurelia Slickgrid
Aurelia-Slickgrid a wrapper of the lightning fast & customizable SlickGrid datagrid with a few Styling Themes
Stars: ✭ 100 (-97.69%)
Mutual labels:  data, grid, jquery
Form
jQuery Form Plugin
Stars: ✭ 5,122 (+18.32%)
Mutual labels:  json, ajax, jquery
Bs grid
Bootstrap Datagrid
Stars: ✭ 184 (-95.75%)
Mutual labels:  ajax, grid, jquery
Griddle
Simple Grid Component written in React
Stars: ✭ 2,494 (-42.39%)
Mutual labels:  list, grid, table
Popo
PoPo is the grid layout tool, the best choice for runtime layout.
Stars: ✭ 130 (-97%)
Mutual labels:  data, grid, grid-layout
Cssgridgenerator
🧮 Generate basic CSS Grid code to make dynamic layouts!
Stars: ✭ 3,943 (-8.92%)
Mutual labels:  grid, grid-layout, grid-system
grid-garden
Solutions to CSS Grid Garden
Stars: ✭ 79 (-98.18%)
Mutual labels:  grid, grid-layout, grid-system
60gs
60GS - 60 Columns Grid System based on CSS Grid Layout
Stars: ✭ 65 (-98.5%)
Mutual labels:  grid, grid-layout, grid-system
Uploader
A lightweight and very configurable jQuery plugin for file uploading using ajax(a sync); includes support for queues, progress tracking and drag and drop.
Stars: ✭ 1,042 (-75.93%)
Mutual labels:  ajax, widget, jquery
Gridjs
Advanced table plugin
Stars: ✭ 3,231 (-25.36%)
Mutual labels:  sort, grid, table
Form Render
🚴‍♀️ 阿里飞猪 - 很易用的中后台「表单 / 表格 / 图表」解决方案
Stars: ✭ 3,881 (-10.35%)
Mutual labels:  widget, list, table
React Gridlist
A virtual-scrolling GridList component based on CSS Grids
Stars: ✭ 394 (-90.9%)
Mutual labels:  list, grid, grid-layout
Ka Table
Lightweight MIT React Table component for both TS and JS with Sorting, Filtering, Grouping, Virtualization, Editing and many more
Stars: ✭ 117 (-97.3%)
Mutual labels:  widget, grid, table
Vue Grid Layout
A draggable and resizable grid layout, for Vue.js.
Stars: ✭ 5,170 (+19.43%)
Mutual labels:  widget, grid, grid-layout
Ax5ui Grid
Javascript UI Component - GRID ( Excel Grid, jqGrid, angularjs grid, jquery grid, SlickGrid, ag-grid gridify)
Stars: ✭ 102 (-97.64%)
Mutual labels:  grid, table, jquery
React Awesome Styled Grid
A responsive 8-point grid system layout for React using styled-components
Stars: ✭ 157 (-96.37%)
Mutual labels:  grid, grid-layout, grid-system
Awesome Json Datasets
A curated list of awesome JSON datasets that don't require authentication.
Stars: ✭ 2,421 (-44.07%)
Mutual labels:  json, data, list
tb-grid
tb-grid is a super simple and lightweight 12 column responsive grid system utilizing css grid.
Stars: ✭ 19 (-99.56%)
Mutual labels:  grid, grid-layout, grid-system

Tabulator Table

An easy to use interactive table generation JavaScript library

Full documentation & demos can be found at: http://tabulator.info


Tabulator Table


Features

Tabulator allows you to create interactive tables in seconds from any HTML Table, Javascript Array or JSON formatted data.

Simply include the library and the css in your project and you're away!

Tabulator is packed with useful features including:

Tabulator Features

Frontend Framework Support

Tabulator is built to work with all the major front end JavaScript frameworks including React, Angular and Vue.

Setup

Setting up tabulator could not be simpler.

Include the library and the css

<link href="dist/css/tabulator.min.css" rel="stylesheet">
<script type="text/javascript" src="dist/js/tabulator.min.js"></script>

Create an element to hold the table

<div id="example-table"></div>

Turn the element into a tabulator with some simple javascript

var table = new Tabulator("#example-table", {});

Bower Installation

To get Tabulator via the Bower package manager, open a terminal in your project directory and run the following commmand:

bower install tabulator --save

NPM Installation

To get Tabulator via the NPM package manager, open a terminal in your project directory and run the following commmand:

npm install tabulator-tables --save

CDN - UNPKG

To access Tabulator directly from the UNPKG CDN servers, include the following two lines at the start of your project, instead of the localy hosted versions:

<link href="https://unpkg.com/tabulator-tables/dist/css/tabulator.min.css" rel="stylesheet">
<script type="text/javascript" src="https://unpkg.com/tabulator-tables/dist/js/tabulator.min.js"></script>
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].