jqgrid - 如何居中删除动作图标

Question

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

我的设置操作列是：

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

Answer 1

您需要使用CSS来查找您的案例中的修复程序。尝试覆盖jqGrid的CSS规则。

一般情况下，如果您只删除了＆＃39;您的列中的图标，遵循CSS规则将使其居中对齐。

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

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

虽然使用＆＃39;！important＆＃39;这不是一个好习惯。

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

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