如何突出显示所选择的行和标题?

时间:2016-05-03 06:19:11

标签: javascript jquery html css handsontable

作为一项要求,我想突出显示所选单元格的行和列标题,基本上我想在单击一个单元格时更改相应标题的背景颜色。

Handsontable内置了属性,可以在单击单元格时突出显示整行

var
    data = [
      ['', 'Kia', 'Nissan', 'Toyota', 'Honda'],
      ['2013', 10, 11, 12, 13],
      ['2014', 20, 11, 14, 13],
      ['2015', 30, 15, 12, 13]
    ],
    container = document.getElementById('example1'),
    hot;

  hot = Handsontable(container, {
    data: data,
    minRows: 5,
    minCols: 6,
    currentRowClassName: 'currentRow',
    currentColClassName: 'currentCol',
    rowHeaders: true,
    colHeaders: true
  });

  hot.selectCell(2,2);

但我只想通过更改背景颜色来突出显示标题,有没有办法使用自定义渲染器实现它?

1 个答案:

答案 0 :(得分:0)

将示例中的CSS代码从.highlight { … }更改为th.highlight { … }应该可以解决问题。最后,Handsontable中的表格标题只是元素。