私はui-gridを使用しています。行がたくさんあるので、スクロールを使用します。行の高さを変更しようとするまで、すべてが正常に機能します。その後、スクロールがめちゃくちゃになります。ここに例を追加しましたhttp://plnkr.co/edit/S6ylwOVgcQp7CSsZZxpR?p=preview これは ui-grid Web サイトのチュートリアルの 1 つです - 私が変更したのは CSS だけです。これらのルールを追加しました。
.ui-grid-cell-contents {
padding: 1px 1px;
}
.ui-grid-render-container-body .ui-grid-header-cell,
.ui-grid-render-container-left .ui-grid-header-cell,
.grid .ui-grid-row,
.grid .ui-grid-cell,
.grid .ui-grid-cell .ui-grid-vertical-bar {
height: 22px !important;
font-size: 12px;
line-height: 20px;
}
.ui-grid-render-container-body .ui-grid-header-cell,
.ui-grid-render-container-left .ui-grid-header-cell,
ui-grid-header-cell {
height: 55px !important;
}
.ui-grid-filter-container {
padding: 1px 3px;
}
上記の CSS ルールを削除すると、スクロールは問題なく機能します。したがって、行の高さを適切に設定するには、CSS ルールを追加するか、グリッドの API を使用する必要があります。どんな助けでも大歓迎です。
行の高さを変更してスムーズにスクロールするにはどうすればよいですか?
更新: デフォルトのグリッドと変更された CSS のグリッドの比較は次のとおりです: http://plnkr.co/edit/x1nQGvpkY4bRMs9D09Ws?p=preview 各グリッドの行を上下にスクロールしてみてください。違いはかなり明白なはずです。