Для группировки заголовков вызываем метод extGroupHeader после рендеринга таблицы.
Все изменения происходят на стороне клиента. Сервер ничего не знает о группировке.

Поддерживается динамическое изменение ширины колонок.

По просьбе с PHPClub
higrid.net嗨网提供电子表格、在线图形等互联网开发及运营技术，提供相关资料及软件下载，分享奇趣网络时事评论！欢迎访问。


部分内容为俄文，higrid计划翻译一下。敬请期待！

php代码和js代码请点击tab查看。 
<?php

class jqMiscGroupHeader extends jqGrid
{
    protected function init()
    {
        $this->options = array('caption' => 'Group Headers');

        $this->table = 'tbl_order_item';

        $this->query = "
			SELECT {fields}
			FROM tbl_books b
				JOIN tbl_order_item i ON (b.id=i.book_id)
				JOIN tbl_order o ON (i.order_id=o.id)
				JOIN tbl_customer c ON (o.customer_id=c.id)
			WHERE {where}
		";

        $this->cols_default = array('align' => 'center', 'width' => 10);

        #Set columns
        $this->cols = array(

            'id' => array('label' => 'ID',
                'db' => 'i.id',
                'width' => 7,
            ),

            'book_name' => array('label' => 'Book name',
                'db' => 'b.name',
                'width' => 30,
                'align' => 'left',
            ),

            'orig_price' => array('label' => 'Orig price',
                'db' => 'b.price',
                'formatter' => 'integer',
            ),

            'order_price' => array('label' => 'Price',
                'db' => 'i.price',
                'formatter' => 'integer',
            ),

            'quantity' => array('label' => 'Quantity',
                'db' => 'i.quantity',
            ),

            'sum' => array('label' => 'Sum',
                'db' => 'i.price * i.quantity',
            ),

            'customer_name' => array('label' => 'Customer name',
                'db' => "CONCAT(c.first_name, ' ', c.last_name)",
                'width' => 18,
                'align' => 'left',
            ),

            'date_birth' => array('label' => 'Birthdate',
                'db' => 'c.date_birth',
                'formatter' => 'date',
            ),

            'random' => array('label' => 'Random',
                'db' => 'CEIL(RAND() * 100)',
            ),

        );
    }
}
<script>
    <?= $rendered_grid ?>

    $grid.jqGrid('extGroupHeader',
        {
            'book_name':[2, 'Book group'],
            'order_price':[3, 'Order group'],
            'customer_name':[2, 'Customer group']
        });
</script>