Javascript jqgrid-如何居中删除操作图标

我不知道如何在内联编辑中居中删除操作图标

我的设置动作栏是：

{
    name: 'action',
    width: 40,
    align: "center",
    editable: false,
    formatter:'actions',
    search: false,
    fixed: true,
    resize: false,
    formatoptions: { keys: true, editbutton: false }
}

---

您需要使用CSS来解决您的问题。尝试覆盖jqGrid的CSS规则

通常，如果您的列中只有“删除”图标，那么遵循CSS规则将使其居中对齐

.ui-pg-div.ui-inline-del {
  float: none !important;
}

span.ui-icon.ui-icon-trash {
  margin: auto;
}

虽然，这不是一个好的做法使用'！“重要”

如果要对特定网格执行此操作，可以将网格id（例如，列表）预先添加到CSS规则中，如下所示：

#list .ui-pg-div.ui-inline-del{}

---

嗨，谢谢你的回答。您的css样式还可以，但垃圾桶不在中间，因为信封div的左边距为8px但我没有找到它的设置位置。我忘了说我从中使用了Oleg的jQuery.jqGrid.fontAwesome4.css和jQuery.jqGrid.bootstrap-fixes.css。如果可能的话，我会从浏览器inspect

为网格创建一个JSFIDLE。在这里分享。