Нокаут с массивами, динамические столбцы

Question

Я использую knockout.repeat сделать динамический массив столбцов со следующими данными:

var columns = ko.observableArray([ 
    new Column(1), 
    new Column(2), 
    new Column(3), 
    new Column(4), 
    new Column(5) 
}); 

var array = ko.observableArray([1..95]); 

данных назначается следующим образом с отображением выбывание:

mappingConfig = { 
    create: function (options) { 
     return new Row(options.data); 
    } 
}; 
ko.mapping.fromJS(data, mappingCOnfig, array); 

следующим образом:

<div data-bind="repeat: {foreach: array, item: '$row'}"> 
     <div data-bind="repeat: {foreach: column, item: '$col'}"> 
      <input data-bind="value: $row()[$col().Name]"/> 
     </div> 
    </div> 

проблема у меня в том, что она занимает почти 30 секунд для рендеринга 95 строк с 6 столбцами.

• Как устранить неисправность?
• Есть ли какие-нибудь инструменты?
• Есть ли какие-либо направляющие, как максимизировать производительность в аналогичных сценариях?

Chrome сроки:

UPDATE: Я был под давлением, так что я переписал таблицы в reactjs, которые решаются много вопросов и рендеринга лишь 1,5 сек.

Answer 1

Вы можете использовать инструменты разработчика Chrome для устранения неполадок, в частности Profiles, Network и Timeline в вашем случае.

Пожалуйста, включите JSFiddle с воспроизведением, и вам будет легче использовать эту проблему.