Handsontable Sports Results Example

by handsoncode

HTML

<script src="http://docs.handsontable.com/bower_components/handsontable/dist/handsontable.full.min.js"></script>
<link rel="stylesheet" href="http://docs.handsontable.com/bower_components/handsontable/dist/handsontable.full.min.css">
<h2>Handsontable Sports Results Example</h2>
<p>
Head to <a href="https://handsontable.com" target="_blank">handsontable.com</a> to learn more about Handsontable.
</p>

<div id="example"></div>

CSS

body {   
  margin: 20px 30px;
  font-size: 13px;
  font-family: 'Open Sans', Helvetica, Arial;
}

a {
  color: #34A9DC;
  text-decoration: none;
}

p {
  margin: 5px 0 20px;
}

h2 {
  margin: 20px 0 0;
  font-size: 18px;
  font-weight: normal;
}

JavaScript

var container = document.getElementById('example');
var baseUrl = "http://handsontable.com/static/";

var dataSport = [
  [1,"Los Angeles Lakers","<img src='"+ baseUrl+ "images/logos/nba-teams/lakers.gif'>","2600","0.93","0.02","293","104.1"],
  [2,"New York Knicks","<img src='"+ baseUrl+ "images/logos/nba-teams/knicks.gif'>","2500","0.79","0.00","278","53.4"],
  [3,"Chicago Bulls","<img src='"+ baseUrl+ "images/logos/nba-teams/bulls.gif'>","2000","0.100","0.03","201","65.3"],
  [4,"Boston Celtics","<img src='"+ baseUrl+ "images/logos/nba-teams/celtic.gif'>","1700","0.94","0.09","173","54.9"],
  [5,"Los Angeles Clippers","<img src='"+ baseUrl+ "images/logos/nba-teams/clippers.gif'>","1600","0.178","0.00","146","20.1"],
  [6,"Brooklyn Nets","<img src='"+ baseUrl+ "images/logos/nba-teams/nets.gif'>","1500","0.92","0.019","212","-99.4"],
  [7,"Golden State Warriors","<img src='"+ baseUrl+ "images/logos/nba-teams/warriors.gif'>","1300","0.73","0.012","168","44.9"],
  [8,"Houston Rockets","<img src='"+ baseUrl+ "images/logos/nba-teams/rockets.gif'>","1250","0.61","0.08","175","38"],
  [9,"Miami Heat","<img src='"+ baseUrl+ "images/logos/nba-teams/heat.gif'>","1175","0.53","0.08","188","12.6"],
  [10,"Dallas Mavericks","<img src='"+ baseUrl+ "images/logos/nba-teams/mavericks.gif'>","1150","0.50","0.017","168","30.4"],
  [11,"San Antonio Spurs","<img src='"+ baseUrl+ "images/logos/nba-teams/spurs.gif'>","1000","0.52","0.08","172","40.9"],
  [12,"Portland Trail Blazers","<img src='"+ baseUrl+ "images/logos/nba-teams/blazers.gif'>","940","0.60","0.011","153","11.7"],
  [13,"Oklahoma City Thunder","<img src='"+ baseUrl+ "images/logos/nba-teams/thunder.gif'>","930","0.58","0.015","152","30.8"],
  [14,"Toronto Raptors","<img src='"+ baseUrl+ "images/logos/nba-teams/raptors.gif'>","920","0.77","0.016","151","17.9"],
  [15,"Cleveland Cavaliers","<img src='"+ baseUrl+ "images/logos/nba-teams/cavaliers.gif'>","915","0.78","0.022","149","20.6"],
  [16,"Phoenix Suns","<img src='"+...