Данные в сетке (2 столбца) с пользовательским интерфейсом Onsen (ons-col)

Question

Я использую следующую функцию для отображения списка элементов через API, и мне нужно отобразить имя_категории и описание_категории в 2 столбцах. Я попытался с помощью ons-col, но я не могу зациклить данные и затем отобразить их в сетке.

Любое предложение от экспертизы onsen?

Спасибо

Следующая функция возвращает мне 2 столбца, но с одинаковыми категориями

var displayCategory = function(data) {
    var list = document.getElementById('infinite_category');

    var t='';
    $.each( data, function( key, val ) {
        /*.each(this, function(k,v) {*/
        t+='<ons-list-item tappable modifier="chevron" onclick="loadItem(' + "'" + val.cat_id + "'," + "'" + addslashes(val.category_name) + "'" + '   )">';
          t+='<ons-row>';
                 t+='<ons-col>';
                 t+=val.category_name;
                 t+='<p class="">'+val.category_description+'</p>';

                 t+='</ons-col>';
                 t+='<ons-col>';
                 t+=val.category_name;
                 t+='<p class="">'+val.category_description+'</p>';

                 t+='</ons-col>';
                 t+='</ons-row>';
        t+='</ons-list-item>';          

        var newItem = ons.createElement(t);
        list.appendChild(newItem);     
        t='';

    }); 


    initImageLoaded();

};