在handsontable中自定义标题上的文本换行

时间:2015-01-06 02:41:30

标签: handsontable

当给定colWidths时,有没有办法在colHeaders上自动换行文本?它似乎无法工作,甚至禁止手动减小列的大小。

相关选项:

hot = new Handsontable(container, {
    data: items,
    startRows: 1,
    minSpareRows: 1,
    colHeaders: ['aaaaaaaa', 'bbbbbbb', 'cccccccccccc'],
    colWidths: [50,50,50]
    manualColumnResize: true,
    autoWrapRow: true
}

2 个答案:

答案 0 :(得分:3)

尝试以下CSS:

.handsontable th {
    white-space: normal!important;
}

演示和来源:http://jsfiddle.net/cyancscoutrfp/hqLbg3rt/

答案 1 :(得分:1)

也许尝试在标题中添加一些CSS:

.handsontable table thead th {
  white-space: pre-line;
  max-width: /* enter here your max header width */
}