Fork me on GitHub

Handsontable

a minimalistic Excel-like data grid editor for HTML, JavaScript & jQuery

Highlight current row or column

Use options currentRowClassName and currentColumnClassName.

A
B
C
D
E
F
KiaNissanToyotaHonda
200810111213
200920111413
201030151213

var data = [
  ["", "Kia", "Nissan", "Toyota", "Honda"],
  ["2008", 10, 11, 12, 13],
  ["2009", 20, 11, 14, 13],
  ["2010", 30, 15, 12, 13]
];

$("#example1").handsontable({
  data: data,
  minRows: 5,
  minCols: 6,
  minSpareRows: 1,
  currentRowClassName: 'currentRow',
  currentColClassName: 'currentCol',
  autoWrapRow: true,
  colHeaders: true
});

$("#example1").handsontable('selectCell', 3, 3);

For more examples, head back to the main page.

Handsontable © 2012 Marcin Warpechowski and contributors.
Code and documentation licensed under the The MIT License.