SOURCE CODE: Uize.Widgets.SimpleStatsTable.Html

<%@
  required (
    'Uize.Data.Util',
    'Uize.Color',
    'Uize.Color.xUtil'
  )
%><%
  var
    _input = input,
    _columns = _input.columns,
    _columnsLength = _columns.length,
    _rows = _input.rows,
    _columnMinMax = []
  ;
  Uize.forEach (
    _columns,
    function (_column,_columnNo) {
      var _columnValues = Uize.Data.Util.getColumn (_rows,_columnNo);
      if (!('minValue' in _column)) _column.minValue = Uize.min (_columnValues);
      if (!('maxValue' in _column)) _column.maxValue = Uize.max (_columnValues);
      if (_column.minColor) _column.minColor = Uize.Color (_column.minColor);
      if (_column.maxColor) _column.maxColor = Uize.Color (_column.maxColor);
      _column.formatter = Uize.resolveTransformer (_column.formatter);
    }
  );
%>
    <%= Uize.map (_columns,'""').join ('') %>
  
  <%
    var
      _cssClassNumericalValue = m.cssClass ('numericalValue'),
      _cssClassRowName = m.cssClass ('rowName'),
      _cssClassBar = m.cssClass ('bar'),
      _cssClassBarColor = m.cssClass ('barColor'),
      _cssClassBarFull = m.cssClass ('barFull')
    ;
    for (var _rowNo = -1, _rowsLength = _rows.length; ++_rowNo < _rowsLength;) {
      var _row = _rows [_rowNo];
    %><%
      for (var _columnNo = -1; ++_columnNo < _columnsLength;) {
        var
          _columnValue = _row [_columnNo],
          _column = _columns [_columnNo],
          _columnHasBar = _column.minColor && _column.maxColor
        ;
        %><%
      }
    %><%
    }
%>

  

    
<%. title %>
  
  
" + value.title + "

          <% if (_columnHasBar) { %>
          

            <% var _fraction = (_columnValue - _column.minValue) / (_column.maxValue - _column.minValue); %>
            

              

            
          
          <% } %>
          <%= _column.formatter.call (_row,_columnValue) %>