問題タブ [angular-ui-grid]

I’m having problems with ui-grid cellClass definition. When the grid is first shown, the definitions are right but, if the user scrolls vertically, the wrong class is defined. I’m following the Tutorial example. This is a simplified version of my gridOptions:

When the grid is shown, only cells with values above 200 have the red class. However, if the user scrolls, the cellClass function keeps getting called and the red class is randomly attributed, some cells with values bellow 200 have it, some with values above 200 doesn’ t. In the log, I only see values above 200.

I’ m using angular-ui-grid 3.0.0-rc.16

Update 1:

It seems to be a bug in ui-grid component. I was also able to reproduce in the tutorial example. If you go to http://ui-grid.info/docs/#/tutorial/111_cellClass only the Velity company, in the second column, should be blue. However, if you keep scrolling down and up quickly, eventually you will see other cells with blue text.

Update 2: I opened this issue. The problem also happens when you sort the grid.

グリッドの行の高さを調整してコンテンツ全体を表示することはできますか?

私はui-gridを使用しています。行がたくさんあるので、スクロールを使用します。行の高さを変更しようとするまで、すべてが正常に機能します。その後、スクロールがめちゃくちゃになります。ここに例を追加しましたhttp://plnkr.co/edit/S6ylwOVgcQp7CSsZZxpR?p=preview これは ui-grid Web サイトのチュートリアルの 1 つです - 私が変更したのは CSS だけです。これらのルールを追加しました。

上記の CSS ルールを削除すると、スクロールは問題なく機能します。したがって、行の高さを適切に設定するには、CSS ルールを追加するか、グリッドの API を使用する必要があります。どんな助けでも大歓迎です。

行の高さを変更してスムーズにスクロールするにはどうすればよいですか?

更新: デフォルトのグリッドと変更された CSS のグリッドの比較は次のとおりです: http://plnkr.co/edit/x1nQGvpkY4bRMs9D09Ws?p=preview 各グリッドの行を上下にスクロールしてみてください。違いはかなり明白なはずです。