IE中的AgularJS可编辑ui-grid输入单元格高度问题

时间:2016-11-04 10:30:44

标签: angularjs angular-ui-grid

我有2列的网格。只有第一列是可编辑的,当我尝试编辑它时editableCellTemplate高度不适合实际的单元格高度(如图所示)。此错误仅在IE中观察到,适用于Chrome和Firefox。有没有其他方法可以让它发挥作用。

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>

请查看以下链接,例如。尝试编辑&#39;说明&#39;专栏

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

更新:使用IE版

enter image description here

1 个答案:

答案 0 :(得分:2)

当用户双击网格列时,看起来它的网格CSS问题会应用于文本框。

但你可以覆盖这个CSS,

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

以下是更新的示例,尝试编辑&#39;说明&#39;和&#39; Price&#39;专栏http://jsfiddle.net/0arkssqy/3/