摘要：待更新左上角單元格賦值問題，通過改源碼實(shí)現(xiàn)。下拉單元格高度修改，定位元素修改時下拉列表的最后一個顯示不全，有。

是一個在線類似Excel的表格編輯器,支持豐富的展現(xiàn)和交互,有多樣的單元格類型供配置。

核心是由原生JavaScript構(gòu)建,充分模塊化,支持自定義build。

除了核心表格渲染(實(shí)質(zhì)就是js操作table,計(jì)算元素位置,自定義綁定事件處理),大部分功能以插件提供?？梢造`活構(gòu)建插拔,自定義添加新功能插件。

hansontable free版本提供的重要特性有：單元格下拉自動補(bǔ)全、注釋信息、右鍵菜單、復(fù)制粘貼、數(shù)據(jù)校驗(yàn)、合并單元格等等。

兼容提醒要求如下:

說明：

在ie9上處理大量數(shù)據(jù)時有限制。

有bug存在，有些特性用不了。

菜單操作比較卡

http://runjs.cn/detail/foavmqxz

render

Handsontable把表格中cell值的展示和改變cell值的這兩個過程分割開了。renderer是負(fù)責(zé)渲染展示初始配置中的data數(shù)據(jù)和通過editor修改后的數(shù)據(jù)。
Renderer是一個簡單的函數(shù)，得到實(shí)際cell的值，然后根據(jù)你定義的規(guī)則將值轉(zhuǎn)為html code展示出來。

editor

editor編輯器是用來處理用戶輸入（鼠標(biāo)和鍵盤的事件），校驗(yàn)數(shù)據(jù)。與起相關(guān)的主要就是EditorManager，它有四大功能

1：準(zhǔn)備一個適當(dāng)?shù)膃ditor對于一個激活的active cell
2：準(zhǔn)備一個編輯器來展示
3：根據(jù)用戶的行為展示編輯器
4：關(guān)閉編輯器

1： render是一個重要配置項(xiàng)，自定義單元格的渲染。

上面遇到的一個問題就是初始實(shí)例配置中，設(shè)置為Autocomplete類型render，后來被改為Text類型render。但是如果是在某個單元格操作時觸發(fā)render改變，當(dāng)前操作的單元格顯示會有bug，后來我是換了種方法，獲取指定cell class名稱，用js直接操作單元格從而修改樣式。

2：comment插件，可以自定義添加單元格的提示信息，包括信息內(nèi)容和展現(xiàn)形式，這個我在做校驗(yàn)然后展示提示信息的時候有用到。

3：contextMenu是右鍵菜單選項(xiàng)，可以配置或自定義添加。例如下圖中清除內(nèi)容選項(xiàng)就是自定義添加的邏輯而非原生提供配置項(xiàng)。

4：afterChane和afterValidate，用法和區(qū)別見下圖中的注釋，這個兩個方法挺重要的。

1:左上角單元格賦值問題，通過改源碼實(shí)現(xiàn)。

2：給autoComplete下拉元素添加懸浮title，其它比如通過點(diǎn)擊，懸浮等事件添加title時，titile出現(xiàn)的時機(jī)有問題。

3：autoComplete下拉單元格高度修改，css定位元素修改時下拉列表的最后一個顯示不全，有bug。

首先說明一下，以上都是依據(jù)0.29 version得出的結(jié)論。接下來準(zhǔn)備補(bǔ)充完善寫一些重要配置項(xiàng)和使用過程中自己遇到的問題，關(guān)于issue和配置項(xiàng)如果你有更好的想法，歡迎留言交流。

sg的實(shí)時保存，草稿箱沒用，實(shí)時保存，提示已經(jīng)保存到草稿箱，去草稿箱查看剛剛編輯的內(nèi)容卻不存在，大家注意點(diǎn)。