使用addRowData添加行后jqGrid仍偶现‘无记录’提示问题

问题根源 #

你的代码存在两个核心问题导致空提示未被正确隐藏：

• rowid使用不合理：用reccount（当前行数）作为新行的rowid，空表时rowid为0，容易和jqGrid内部空状态判断逻辑冲突；后续删除行后再添加还可能出现rowid重复，引发DOM更新异常。
• 空表状态下未触发强制刷新：仅调用addRowData无法保证jqGrid及时更新DOM，移除“No records”提示。

修复方案 #

方案1：使用唯一rowid+强制刷新（推荐） #

为新行生成唯一rowid（比如时间戳），添加后强制刷新表格，确保空提示被正确移除：

// 生成唯一rowid，避免冲突
const uniqueRowId = Date.now();
const rowData = { "DESC": "SPA" };
// 添加到表格最后
$("#jqGrid").addRowData(uniqueRowId, rowData, "last");
// 强制刷新表格，保持当前页不跳转
$("#jqGrid").trigger("reloadGrid", [{ page: 1, current: true }]);

方案2：改用数组模式添加（批量场景适用） #

如果需要批量添加行，给每个数据对象设置唯一id，调用addRowData时指定用该字段作为rowid：

const rowDataList = [{
    id: Date.now(), // 唯一标识
    "DESC": "SPA"
}];
// 按id字段作为rowid，批量添加到最后
$("#jqGrid").addRowData("id", rowDataList, "last");
// 刷新表格
$("#jqGrid").trigger("reloadGrid", [{ page: 1, current: true }]);

方案3：优化原判断逻辑 #

如果要保留原判断逻辑，需调整rowid并手动处理空提示：

const rowData = { "DESC": "SPA" };
const rowCount = $("#jqGrid").getGridParam("reccount");
// 用rowCount+1作为rowid，避免0值冲突
const rowId = rowCount + 1;

if (rowCount === 0) {
    $("#jqGrid").addRowData(rowId, rowData);
    // 手动隐藏空提示（兜底处理）
    $("#jqGrid").closest(".ui-jqgrid").find(".ui-jqgrid-no-data").hide();
} else {
    $("#jqGrid").addRowData(rowId, rowData, "last");
}

关键注意点 #

• rowid必须唯一：jqGrid依赖唯一rowid管理行数据，重复id会导致数据覆盖或更新失败。
• 优先用API刷新：reloadGrid是jqGrid官方推荐的更新方式，比手动修改DOM更可靠。
• 避免空表用0作为rowid：0值可能被jqGrid识别为无效行ID，引发空状态判断异常。

内容的提问来源于stack exchange，提问作者Annapoorani R