javascript - 如何突出显示 handsontable 的选定行和标题?

标签 javascript jquery html css handsontable

作为一项要求,我想在 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);

但我只想通过更改其背景颜色来突出显示标题,有什么方法可以使用自定义渲染器来实现吗?

最佳答案

除了代码,还有一些 CSS。

.handsontable td.currentRow, .handsontable td.current {
    background: #f8f9f9;
}

归功于此 solution .

关于javascript - 如何突出显示 handsontable 的选定行和标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36996980/

相关文章:

javascript - 如何在jquery中选择一个div并将其替换为iframe

jquery - 使用 jQuery GET 加载 CSV 文件返回 header 但不返回数据

HTML:强制代理服务器获取页面的新副本

html - Bootstrap 4 Navbar brand logo left and menu right on desktop and mobile navbar brand top menu center

javascript - 如何在不需要发送 HTML 代码的情况下共享 AngularJS 指令

javascript - 循环遍历 json 对象并提取数据 - js

javascript - ES6 类静态方法 vs 函数

javascript - 递归删除具有相同 id 的 JSON 对象

javascript - 当使用 javascript 更改其他页面中复选框的选中状态时,Jquery DataTable 不断返回第一页

html - 在页面向下移动一定方向后粘性标题消失