Spread Studio for 表格控件高度設(shè)置 - 實(shí)現(xiàn)背景
Spread Studio是全球銷量領(lǐng)先的跨平臺(tái)表格控件集,具有超強(qiáng)數(shù)據(jù)處理能力,無縫兼容Excel。它提供靈活的定制能力和豐富的數(shù)據(jù)可視化效果,被廣泛應(yīng)用在財(cái)務(wù)、預(yù)算、工程、統(tǒng)計(jì)等領(lǐng)域的信息系統(tǒng)中。
Spread Studio是全球銷量領(lǐng)先的跨平臺(tái)表格控件集,具有超強(qiáng)數(shù)據(jù)處理能力,無縫兼容Excel。它提供靈活的定制能力和豐富的數(shù)據(jù)可視化效果,被廣泛應(yīng)用在財(cái)務(wù)、預(yù)算、工程、統(tǒng)計(jì)等領(lǐng)域的信息系統(tǒng)中。
當(dāng)用戶發(fā)起針對(duì)含有 Spread 頁面的請(qǐng)求時(shí),Spread 在瀏覽器中被渲染成 HTML Table。所以,在前臺(tái)針對(duì) Spread 操作時(shí),除了使用 Spread 內(nèi)置的一些事件和方法外,所有針對(duì) Table 的 DOM 屬性和 js 操作都適用于 Spread。本文將介紹針對(duì) Spread 生成的 Table 進(jìn)行操作實(shí)現(xiàn)的方法。
Spread Studio for 表格控件高度設(shè)置 - 實(shí)現(xiàn)方法
首先,在 Spread 外部嵌套 Div 容器,HTML 代碼如下:
lt;div id"spreadContainer"gt; lt;div id"spread"gt;lt;/divgt; lt;/divgt;
通過 Html Button 點(diǎn)擊事件觸發(fā) Spread 大小改變的方法如下:
以上就是 Spread Studio for 中通過 JS 設(shè)置控制 Spread 高度的方法。通過給 Spread 容器設(shè)置固定的高度或者自適應(yīng)的百分比高度,可以實(shí)現(xiàn)對(duì) Spread 控件的高度進(jìn)行靈活調(diào)整。