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

Question

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

Answer 1

你可以使用jquery或css。例如，将背景颜色应用于所有span.colHeader：

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

或者更简单，handsontable允许使用HTML作为col标题，因此作为选项，您可以使用HTML提供标题数组：

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>']
  }
)

Answer 2

在文档头部添加样式标记。这将影响页面上的所有HOT网格。 仍在研究如何使用不同的样式制作不同的网格。

   .handsontable table thead th{
        background-color: green;
        color:white;
        font-weight:bold;
        font-size:12px;
    }

Answer 3

测试此css以更改指定标题颜色

＆＃13;

＆＃13;

.handsontable th {color: #f5ffa5 !important; background: #78DEFF !important; }

＆＃13;

＆＃13;

＆＃13;