Handsontable - Изменить высоту строки - Jumpy Scroll

Я пытаюсь изменить высоту строки таблицы с помощью CSS

http://jsfiddle.net/aep5bo3r/1/

Я добавил это, чтобы изменить высоту строки.

#basic_example td
{
     height: 15px!important;
    line-height: 15px!important;
    font-size: 10px;
}

Высота строк меньше, но теперь прокрутка... нервная?

С высотой строки по умолчанию ячейки добавляются красиво при прокрутке, но если строки меньше, новые строки не будут добавлены, пока вы не прокрутите определенную часть.

Я думаю, что часть JavaScript не любит новое изменение.

Если бы вы могли помочь мне решить эту проблему, имея меньшую высоту строки с рабочим свитком, было бы неплохо.

Спасибо;

2 ответа

Если я хорошо понимаю, ваша проблема будет решена, если мы добавим renderAllRows: true к вашим настройкам при создании Handsontable объекта.

var hot = new Handsontable($('#tableContainerId')[0], {
         ...
         renderAllRows: true,
         ...
});

Я знаю, что это старый пост, но вдруг кто-то понадобится.

Вам нужно изменить CSS на:

      .handsontable td, .handsontable th, .handsontableInput {
    height: 15px !important;
    line-height: 15px !important;
}

... а также добавьте в таблицу такую ​​опцию:

      {
...
rowHeights: 15,
}
Другие вопросы по тегам