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

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