Возможно ли изменить макет строки jqgrid с HTML-тегами

Question

Я использую в моем веб-приложении загрузочную версию, реагирующую на jqgrid, и у меня нет проблем.

можно ли отформатировать строку в jqgrid в виде html-таблицы, содержащей 2 строки.

например, допустим, у меня есть следующие данные:

columnn-1: 20 символов. columnn-2: 20 символов длиной. columnn-3: максимум 200 символов (текстовая область с вертикальной полосой прокрутки)

возможно ли отобразить такие данные, как мы делали в html-таблице с colspan, как показано ниже, с помощью пользовательских средств форматирования в строке jqgrid?

<table border="1">
    <tr>
        <td align='center'>Column-1</td>
        <td align='center'>Column-2</td>
    </tr>
    <tr>
        <td colspan="2" align='center'>Column-3</td>
    </tr>
</table>

таблица

Спасибо.

Answer 1

Код ниже сделайте то, что вы хотите. Обратите внимание, что для события afterInserRow и параметра gridview задано значение false:

    var mynewdata = [
        {id: "id1", Col1 : "data11", Col2: "data12", Col3: "data13"},
        {id: "id2", Col1 : "data21", Col2: "data22", Col3: "data23"},
        {id: "id3", Col1 : "data31", Col2: "data32", Col3: "data33"},
        {id: "id4", Col1 : "data41", Col2: "data42", Col3: "data43"}
    ];

    $(document).ready(function () {
       $("#jqGrid").jqGrid({
            datatype: "local",
            data: mynewdata,
            height: 250,
            width: 780,
            colModel: [
                { name: 'id', hidden: true, key: true},
                { name: 'Col1', width: 75 },
                { name: 'Col2', width: 90 },
                { name: 'Col3', width: 100, hidden: true }
            ],          
            gridview : false,
            afterInsertRow: function(id, rowdata, curr) {
                var newid = id+"1";
                var data = '<tr role="row" id="'+newid+'" tabindex="-1" class="jqgrow ui-row-ltr ui-widget-content">';
                data += '<td colspan="2" role="gridcell" style="text-align:center" title="data11" aria-describedby="jqGrid_Col1">'+rowdata.Col3+'</td>';
                data += '</tr>';
                $("#"+id).parent().append(data);
            }
        });
});