jqgrid loading 样式美化

要美化 jqGrid 的加载样式，可以使用自定义 CSS 样式表，或者使用第三方库来创建漂亮的加载指示器。以下是一些可以美化 jqGrid 加载样式的方法：

1. 使用自定义 CSS 样式：可以使用自定义的 CSS 样式表来覆盖 jqGrid 默认的加载样式，以创建更漂亮的加载指示器。以下是一个示例 CSS 样式表，用于美化 jqGrid 的加载样式：

.ui-jqgrid .loading {
  background: rgba(0,0,0,0.5);
  color: white;
  font-size: 16px;
  padding: 10px;
  border-radius: 5px;
}

.ui-jqgrid .loading i {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

在上面的示例中，我们为加载指示器添加了半透明的背景颜色，以及旋转的图标效果。您可以根据需要自定义其他样式属性，以创建适合您网站风格的加载指示器。

2. 使用第三方库：可以使用第三方库来创建漂亮的加载指示器，并将其用于 jqGrid。例如，可以使用 Spin.js 库，它提供了许多自定义选项，以便创建适合您网站风格的加载指示器。以下是一个示例代码，用于使用 Spin.js 库美化 jqGrid 的加载样式：

$.jgrid.defaults.loadui = 'spin';

$(document).ajaxStart(function() {
  $('#gbox_grid').spin();
});

$(document).ajaxStop(function() {
  $('#gbox_grid').spin(false);
});

在上面的示例中，我们将 Spin.js 库应用于 jqGrid，使用 `spin()` 函数在表格容器中创建加载指示器。当 Ajax 请求开始时，加载指示器将自动显示。当请求完成时，加载指示器将自动隐藏。您可以使用 Spin.js 库的自定义选项来更改加载指示器的颜色、大小、旋转速度等。

希望这些方法能够帮助您美化 jqGrid 的加载样式。