AngularJS Editable ui-grid 在 IE 中输入单元格高度问题

Question

我 ui-grid 有 2 列。只有第一列是可编辑的，当我尝试编辑它时，editableCellTemplate 高度与实际单元格高度不符（如图所示）。此错误仅在 IE 中观察到，在 Chrome 和 Firefox 中运行良好。有没有其他方法可以让它工作。

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>

例如，请检查下面的 link。尝试编辑 'Description' 列

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

更新：使用的 IE 版本

Answer 1

看起来像是一个网格 CSS 问题在用户双击网格列时应用于文本框。

但是你可以覆盖这个 CSS,

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

这是更新的示例，尝试编辑 'Description' 和 'Price' 列 http://jsfiddle.net/0arkssqy/3/

AngularJS Editable ui-grid 在 IE 中输入单元格高度问题

AgularJS Editable ui-grid input cell height issue in IE

angularjs

angular-ui-grid