Meu objetivo final é ter o jqgrid para definir automaticamente a largura da coluna de acordo com o conteúdo dos dados. Como parte do caminho para ir até lá, eu preciso ser capaz de definir a largura da coluna depois que os dados são carregados em que tempo eu saberia a largura máxima de cada coluna. Mas quando eu souber a largura máxima de uma coluna, como posso definir a largura de cada coluna no evento "loadComplete" e ter a atualização da grade com a nova largura de cada coluna? A maioria dos posts que eu encontrei na net são sobre a largura total da grade. O que eu quero é definir a largura de cada coluna individual e fazer com que a barra de rolagem horizontal apareça automaticamente se a largura total for muito longa.

Atualizar: Depois de ver a incrível demo de Oleg, acabei codificando isso no próprio dqGrid (4.5.4). Aqui está o que eu fiz:

Localize a função

addJSONData = function(data,t, rcnt, more, adjust) {

então localize dentro desta função

            for (j=0;j<rowReader.length;j++) {
                v = $.jgrid.getAccessor(cur,rowReader[j]);
                rd[ts.p.colModel[j+gi+si+ni].name] = v;
                rowData.push(addCell(idr, v, j + gi + si + ni, i + rcnt, cur, rd));

                // my addtion: stores the largest header size
                var newWidth = v.length * 6; 
                if (ts.grid.headers[j].width < newWidth) {
                    ts.grid.headers[j].width = newWidth;
                }
            }

Então, logo antes do final} desta função, adicione o seguinte

        // my addition: invoke the resizing logic
        for (j = 0; j < rowReader.length; j++) {
            ts.grid.resizing = { idx: j };
            ts.grid.dragEnd();
        }

Depois disso, a grade ajustará a largura de cada coluna de acordo com o conteúdo. Uma coisa que ainda preciso de ajuda é como calcular preciosamente a nova largura. Meu cálculo atual codificado

var newWidth = v.length * 6;

obviamente não é muito escalável.