html内容

<table id="gridList"></table>

jqgrid需要特殊设置的部分

ExpandColumn: 'FullName',
                treeGrid: true,
                treeGridModel: "adjacency",

后台返回数据需要添加以下字段的

/// <summary>
        /// 层级
        /// </summary>
        public int level { get; set; }
        /// <summary>
        /// 上级
        /// </summary>
        public string parent { get; set; }
        public bool isLeaf { get; set; }
        public bool expanded { get; set; }
        public bool loaded { get; set; }

jquery树形插件使用方法 jqgrid树形表格实现_数据

效果如下：

jquery树形插件使用方法 jqgrid树形表格实现_字段_02

 

jquery树形插件使用方法 jqgrid树形表格实现_字段_03