带有Onsen UI（ons-col）的Grid（2列）中的数据

Question

我正在使用以下功能通过api显示项目列表，我需要在2列中显示category_name和category_description。 我尝试使用ons-col，但无法循环数据，然后在网格中显示。

温泉专家有什么建议吗？

谢谢

以下函数返回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();

};