鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ handsontable 如何渲染所有列?

handsontable 如何渲染所有列?

handsontable這款插件功能很強(qiáng)大,但是也遇到了不少問(wèn)題。

比如當(dāng)我們根據(jù)項(xiàng)目需要顯示大量數(shù)據(jù)的時(shí)候(比如:500行,50列),hot 默認(rèn)是選擇渲染的,它只會(huì)加載視區(qū)內(nèi)的行以及列,這樣做減少了頁(yè)面的 dom 元素,可能會(huì)有利于初次加載速度等等。

但是!問(wèn)題是,每次拖動(dòng)都會(huì)有一個(gè) JS 計(jì)算的過(guò)程,在 Chrome,或者 FF 上還好,但是在 IE 上,就會(huì)出現(xiàn)視覺(jué)可見(jiàn)的很明顯的卡頓,因?yàn)槊看瓮蟿?dòng)hot都會(huì)對(duì)自身內(nèi)容重新渲染,超出視區(qū)上下左右的 tr 和 td F12以后都不可見(jiàn)。

而且,因?yàn)橹讳秩卷?yè)面視區(qū)內(nèi)的行或者列,所以我們?cè)谌?index 的時(shí)候變得很麻煩,比如實(shí)際上的第一行,并不是按照 index = 1,的時(shí)候的那個(gè)元素。

在行的渲染上,hot 提供了配置項(xiàng) renderAllRows: true,暫時(shí)解決了問(wèn)題,使得第一次加載,并且在所有的拖動(dòng)后,都可以保證每一個(gè)行都會(huì)被渲染。

但是,在查閱文檔后,還是沒(méi)有找到可以渲染所有列的方法,在 IE 大數(shù)據(jù)的情況下的拖動(dòng)卡頓以及 index 正常取值仍然無(wú)法解決。

不知道大神們有沒(méi)有遇到過(guò)類似的問(wèn)題,都是怎么解決的呢?請(qǐng)賜教,萬(wàn)分感謝。

回答
編輯回答
筱饞貓

加下面屬性設(shè)置
renderAllRows: true,

2017年6月12日 21:26