handsontable - 如何在 Handsontable 中更改标题背景颜色和字体颜色

Question

问题 :我可以更改单元格的背景颜色，但不能更改标题的背景颜色。我可以在 Handsontable 中更改标题的背景颜色和字体颜色吗？

Answer 1

您可以为此使用 jquery 或 css。例如，将背景颜色应用于所有 span.colHeader:

.handsontable span.colHeader {
    text-color: #B2B2FF; /* pink ish */
    background-color: #FF7878; /* red */
}

或者更简单的是，handsontable 允许将 HTML 用于 col header ，因此作为一个选项，您可以提供带有 HTML 的 header 数组:

hot = new Handsontable(container, {
  data: items,
  startRows: 1,
  colHeaders: ['<label id="header1" style="background-color: blue">I'm the first header"</label>', '<label id="header2" style="background-color: red">I'm the second header"</label>']
  }
)