2016-11-04 8 views
0

私は2列のuiグリッドを使用しています。最初の列だけが編集可能です。編集しようとすると、editableCellTemplateの高さが実際のセルの高さに合わない(画像に示すように)。 IEでしか見られないこのバグは、ChromeとFirefoxで正常に動作します。それを機能させるための選択肢はありますか?AgularJS IEの編集可能なuiグリッド入力セルの高さの問題

enter image description here

editableCellTemplateは、例えば、リンクの下に確認してください

<form class="ui-grid-cell-edit" name=\"inputForm\"> 
    <input type=\"INPUT_TYPE\" ng-class=\"\'colt\' + col.uid\" ui-grid-editor ng-model=\"MODEL_COL_FIELD\"> 
</form> 

です。 [詳細]列

http://jsfiddle.net/relly/p8d0qsas/

アップデートを編集しよう:グリッド列のときに、ユーザーをダブルクリックそのグリッドCSSの問題は、テキストボックスに適用されますように

enter image description here

+0

IEのバージョンを編集しようか?なぜあなたはあなたの引用文字のいくつかをエスケープしていますか? [最小で完全で検証可能な例]を提供してください(http://stackoverflow.com/help/mcve)。あなたもあなたのCSSのいずれかを含めていません – Phil

+0

私はこのテンプレートをjsファイルのエスケープ文字の中に使用しています。私はこの "ui-grid-cell-edit"のカスタムCSSをui-grid inbuilt cssとして使っていません。 – Pradeep

+0

働くフィドルを提供できますか? – Ahsan

答えて

2

を使用IEのバージョンが見えます。

しかし、あなたはこのCSSを上書きすることができ、ここで

div.ui-grid-cell input{ 
    padding:5px; 
} 

はサンプルを更新され、 '説明' と '価格' 列 http://jsfiddle.net/0arkssqy/3/

+0

ありがとうございます。質問が有効な場合は投票してください。 – Pradeep

関連する問題