但是序号列上没有标题，如果要显示中文名称，可以使用jqgrid的setLabel方法：
|
setLabel
|
colname, data, class, properties
|
jqGrid
对
象
|
给指定列设置一个新的显示名称。
colname
：列名称，也可以是列的位置索引，从
0
开始；
data
：列显示名称，如果为空则不修改；
class
：如果是
string
则会使用
addClass
方法将其加入到单元格的
css
中，如果是
array
则会直接加到
style
属性中；
properties
：设置
label
的属
性
|
JQuery("替换成表格的ID").jqGrid('setLabel','rn', '序号', {'text-align':'left'},'');
jqgrid中增加属性可以显示序号列：rownumbers: true //是否显示序号列 true显示，false不显示但是序号列上没有标题，如果要显示中文名称，可以使用jqgrid的setLabel方法：JQuery("替换成表格的ID").jqGrid('setLabel','rn', '序号', {'text-align':'left'},'');
我这里用的不是
jqGrid
的自带的编辑和删除操作，我已经把分页导航栏下的编辑，删除，搜索都取消掉了,就是这句$(“#list1”).navGrid(“#pager1”,{edit:false,del:false, search:false}), 然后在数据加载完成后，给每行添加了 修改和删除链接
jqGrid
完成的事件是gridComplete:function(){}（可以理解为数据都准备好了）, 因为从数据库获取到的json数据没有带修改和删除两项,所以在之后的处理就是，在gridComplete事件中循环为每一行添加这两个链接，并且都给他们加上了onclick事件。先看截图： 修改的操作
1、显示
序号
列
要在
jqgrid
加上一个属性： rownumbers: true, //显示序
列
号此时
序号
列
是可以正常显示了，但是
序号
列
的表头没有
标题
”
序号
“两个字，是空的，看上去不舒服，那么下一个小技巧就是为任意
列
设置标签。2、为
序号
列
设置标签：// 为
序号
列
添加
标题
jQuery(user_selector).
jqGrid
('
set
Label
','rn', '
序号
', {'text-...
set
Label
（）方法可为其添加表头信息
jQuery("#gridtable").
jqGrid
('
set
Label
',0, '
序号
', '
label
style‘);
set
Label
参数说明：
rowid,行号
colname, colNames中的name属性
data, 要修改后的值
class, 添
1、
jqGrid
标题
样式设置
beforeRequest:function(){
$('#contentTable').closest("div.ui-
jqgrid
-view")
.children("div.ui-
jqgrid
-titlebar")
.css("text-align", "center")
.css("line-height","28px")
完整的表格呈现与运算功能，包含换页、栏位排序、grouping、新增、修改及删除资料等功能。
自定义的工具
列
。
预设的Navigator工具
列
，可以很容易的使用新增、删除、编辑、检视及搜寻等功能。
完整的分页功能。
按下任一栏位的标头，皆可以该栏位为排序项目。无论是升序或降序皆可。
预设的action formatter，可以快...
Grid是数据窗口中一种用于统计、分析数据的显示风格，与Execl表格类似，适合中国人的使用习惯。但是，开发者在使用Grid数据窗口时会碰到一个问题：由于其
标题
也呈网络状，PB没有提供较简单地设置
标题
的方法，怎样较好地给其添加
标题
就成为开发人员碰到的一个难题。通过探索，找到一种自认为较好的添加
标题
的方法。
假设给Grid加两个
标题
：d_bt1，d_bt2。d_bt1为大
标题
，d_bt2为小
标题
，
```javascript
{name: 'myButton', index: 'myButton', width: 50, align: 'center', sortable: false, formatter: function(){return '<button id="myButton" class="btn btn-primary">Click</button>';}}
2. 在
jqGrid
的 loadComplete 事件中，为按钮绑定 click 事件回调函数，例如：
```javascript
loadComplete: function () {
$("#myButton").click(function(){
// 处理点击事件的逻辑
3. 在
jqGrid
的 gridComplete 事件中，重新设置表头的高度，以便将按钮显示出来，例如：
```javascript
gridComplete: function () {
var headerHeight = $(".ui-
jqgrid
-hdiv").height();
$(".ui-
jqgrid
-htable").height(headerHeight + 50);
其中，50 是按钮的高度加上一些额外的空隙。
通过以上步骤，就可以在
jqGrid
的表头中添加一个自定义按钮了。
