Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
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

About

SmallGrid is javascript component for displaying tabular data.

Resources

License

Releases

No releases published
You can’t perform that action at this time.