SmallGrid is javascript component for displaying tabular data.
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
core
css
examples
libs
plugins
tests
.gitignore
.travis.yml
Gruntfile.js
LICENSE.txt
package.json
readme.md
small.grid.all.js
small.grid.all.min.js
small.grid.core.js
small.grid.core.min.js
small.settings.js
styles.all.css

readme.md

SmallGrid

SmallGrid is javascript component for displaying tabular data.

Demo (beta)

Demo link.

Requires

  • jQuery >= 2.1.4
  • Font awesome >=4.3.0

Browser Support

Microsoft Edge ✔ Chrome 47.0+ ✔ Firefox 43.0+ ✔

Installation

Include necessary JS and CSS files

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" />
<link rel="stylesheet" href="styles.all.css" type="text/css" />
<script src="libs/jquery-2.1.4.min.js"></script>
<script src="small.grid.all.min.js"></script>

Usage

Example code:

$(document).ready(function () {
    var columns = [{ 'name': "Name", 'field': "task1", 'width': 100 }];
    var items = [{ "task1": "Eric", "task2": "Ball", "task3": "Tallinn", "task4": "1232", "task5": "1111111" }];
    var grid = new SmallGrid.Grid.Create($('.small-grid'), items, columns);
});

What is done

  • Rows virtualization
  • Columns virtualization
  • Cell formatters
  • View events
  • Support for different row height
  • Plugins support
  • Sorting (plugin)
  • Filtering (plugin)
  • Column resizing (plugin)
  • Row selection (plugin)
  • Column checkbox (plugin)
  • Cell editors (plugin)
  • Vertical/Horizontal cell alignment (plugin)
  • Grid footer (plugin)
  • Checkbox column (plugin)
  • Auto resize columns (plugin)

Planning

  • Editor validators
  • Keyboard support (navigation)
  • Row details
  • Frozen columns
  • Column types
  • Fullscreen support
  • Cell templates
  • Grouping

Tests

Build Status Test should be run using index.html from project directory in tests folder.

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request

Contact

For questions about smallGrid, you can write me smallgridinfo@gmail.com or open an issue

License

MIT License