extjs - Extjs 4でグリッド行の高さを設定するにはどうすればよいですか?

Question

プロジェクトで Ext.grid.Panel を使用していますが、デフォルトの行の高さが大きすぎて行の高さを変更できないため、グリッド全体が不快に感じます。

しかし、Extjs-4 doc の panel-grid の例は非常に優れていることがわかりました。その中で行の高さは単語の高さに合わせて調整されます。したがって、グリッド全体は非常にコンパクトです。

では、グリッド行の高さをどのように設定すればよいのでしょうか?

Answer 1

行の高さを変更する 1 つの方法は、css を使用することです。各行は高さのコンテンツとともにパディングを使用するため、このクラスでパディングを変更すると、行が高く/低くなります。

.x-grid-cell-inner {
    overflow: hidden;
    padding: 3px 6px;
    white-space: nowrap;
 }

また、ここで見ることができます：

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.view.Table-method-getRowClass