SmallGrid is javascript component for displaying tabular data.
- jQuery >= 2.1.4
- Font awesome >=4.3.0
Microsoft Edge ✔ Chrome 47.0+ ✔ Firefox 43.0+ ✔
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>
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);
});
- 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)
- Editor validators
- Keyboard support (navigation)
- Row details
- Frozen columns
- Column types
- Fullscreen support
- Cell templates
- Grouping
Test should be run using index.html from project directory in tests folder.
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request
For questions about smallGrid, you can write me smallgridinfo@gmail.com or open an issue