JSFiddle - React, Tailwind, and code Playground

CSS

table.view_table {
    font-family        : verdana,arial,sans-serif;
    font-size        : 11px;
    color            : #333333;
    border-width    : 1px;
    border-color    : #666666;
    border-collapse    : separate; 
    border-spacing    : 3px;    

}

table.view_table td {
    border-width    : 1px;
    padding            : 8px;
    border-style    : solid;
    border-color    : #666666;
    background-color: #FFEC8B;
}

JavaScript

Ext.define('dataview_model', {
    extend    : 'Ext.data.Model',
    fields  : [
        {name: 'count',            type: 'string'},
        {name: 'maxcolumns',    type: 'string'},
        {name: 'maxrows',        type: 'string'},
        {name: 'numbers',        type: 'array'}
    ]
});

    Ext.create('Ext.data.Store', {
        storeId : 'viewStore',
        model    : 'dataview_model',
        data    : [
            {count: '7', maxcolumns: '10', maxrows: '5', numbers: ['100','200','300','400','500','600','700']},
            {count: '7', maxcolumns: '10', maxrows: '5', numbers: ['100','200','300','400','500','600','700']}
        ],
        listeners: {
            datachanged: function(store) {
                store.data.each(function(record) {
                    record.data.groupedNumbers = [];
                    for (var i = 0, j = 0; i < record.data.count; ++i, j = i % record.data.maxrows) {
                        record.data.groupedNumbers[j] = record.data.groupedNumbers[j] || { row: j, numbers: [] };
                        record.data.groupedNumbers[j].numbers.push(record.data.numbers[i]);
                    }
                });
            }
        }
    });

    var tpl = new Ext.XTemplate(
        '<tpl for=".">',

            '<tpl if="count &gt; 0">',
                '<table class="view_table" style="border: 1px solid black">',    
                    '<tpl for="groupedNumbers">',    
                        '<tr>',
                            '<tpl for="numbers">', 
                                '<td>{.}</td>',
                            '</tpl>',
                        '</tr>',
                    '</tpl>',    
                '</table>',
            '</tpl>',

        '</tpl>'
    );

Ext.create('Ext.DataView', {
    width             : 500,
    height            : 200,
    renderTo          : Ext.getBody(),
    store             : Ext.getStore('viewStore'),
    tpl               : tpl    
});