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