jQuery Plugin To Render Data Bar From Tabluar Data - tableMeter
File Size: | 4.05 KB |
---|---|
Views Total: | 2661 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

tableMeter is a jQuery plugin that helps you render custom Excel-like data bars to visualize integers in a range of table cells. The plugin is not just limited to table cells. It also can be implemented on stand-alone elements to act as a progress indicator.
See also:
How to use it:
1. Include jQuery library and the jQuery tableMeter plugin on your webpage.
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> <script src="jquery.tableMeter.js"> </script>
2. Call the plugin on your table cells to render data bars based on values.
$('.data-cell').tableMeter({ // Options here });
3. Plugin options and defaults.
$('.data-cell').tableMeter({ 'meterMax' : 1.0, 'meterWidth' : 50, 'meterHeight' : 15, 'meterContainerBorder': 1, 'meterFillColor' : '#999999', 'meterEmptyColor' : '#ECECEC', 'meterContainerClass' : 'meter-container', 'meterBarClass' : 'meter-bar' });
This awesome jQuery plugin is developed by stephenyeargin. For more Advanced Usages, please check the demo page or visit the official website.