jQuery Plugin To Render Data Bar From Tabluar Data - tableMeter

jQuery Plugin To Render Data Bar From Tabluar Data - tableMeter
File Size: 4.05 KB
Views Total:
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.