發布鎖定表頭的乙個思路

2021-09-05 15:53:25 字數 1320 閱讀 6012

發布鎖定表頭的乙個思路。垂直滾動時表頭不動,水平滾動時表頭可以同步滾動。

在這裡呢我只介紹我的思路,因為我覺得思路要比**重要得多。當然我的想法已經實現了。

網頁兩個:乙個是放置表的;乙個是放置表頭的。

放置表的網頁裡的東東:

1.datagrid (就以它為例吧)

2.div兩個

3.iframe乙個

4.js指令碼若干 

放置表頭的網頁裡的東東:

1.乙個div

。這些是主料,其他的像css樣式表了什麼的,更具個人口味自行新增。

下面是主要步驟:

1.在datagrid的外面套乙個div——dgdiv, 目的是給datagrid加滾動條。詳細的做法嘛,網上已經有n多**了,隨便找乙個

就行了。

2.把iframe放在另乙個div裡面——frmdiv,div設定成可以移動的那種,就是用「座標」定位的那種;iframe的src就是放置

放置表頭的那個網頁。高度要調整到和datagrid的表頭一致,寬度也是。

3.編寫js指令碼,這個就複雜了一點又要分成若干步:

a.讀取datagrid的內容,其實也就是dgdiv.innerhtml,然後把他放在iframe裡面的網頁裡面的div裡面。

這時可以執行一下,初步的效果已經出來了,datagrid有了滾動條,出現了兩個表頭,乙個是datagrid的,乙個是iframe裡面

的,垂直滾動的時候datagrid得表頭不見了,iframe的依舊......

b.寫乙個移動div的指令碼,把frmdiv移動到dgdiv 的上面,目的是讓iframe的表頭蓋住datagrid的表頭。

c.再寫乙個滾動iframe的指令碼,在dgdiv滾動的事件裡觸發,這樣就可以實現水平滾動的時候表頭也可以跟著同步滾動。

結論:每一部分的**都可以在網上找到,而且有些是很常見的方法,不知道其他人有沒有想到過這種組合。:)

另外幾點說明:

1.為什麼要把整個datagrid都放到iframe裡面的div裡?

目的就是要保證表頭的寬度和datagrid的寬度一致,如果列寬是固定的話,也可以只把表頭的行放在iframe裡面的div裡。

2.為什麼要用iframe?

一開始想用div的,但是div的滾動條無法隱藏,讓他蓋在datagrid的上面也可能會有失敗的情況。

所以呢就用iframe了,他的滾動條可以隱藏,而且可以絕對放在div的上面。

3.為什麼iframe的外面還要再套乙個div呢?

因為我用js移動iframe沒有成功,所以呢只好再套乙個div了。

專案發布到 部署的乙個思路

專案關聯svn svn使用jenkins做拉取和執行指令碼 jenkins執行 dockerfile 基於底層映象,建立tomcat的服務,然後將war包上傳到 docker build 建立映象 同時將三個配置檔案 專案環境配置檔案 namespace檔案 私有倉庫的配置檔案 專案的服務設定ser...

發布乙個鎖定行列的一種方法

功能介紹 可以實現鎖定 的行和列的功能,效果和excel裡的凍結窗格類似,當然沒有excel那麼強大了,只是類似。問題 nannzt.com 當乙個table太大而導致在螢幕裡顯示不下的時候,ie會出現滾動條,但是這時候就不好看了,對使用者的操作也不是很方便。於是我們就想給他加乙個限制,在制定的範圍...

乙個保密思路

如果你機子被入侵,那麼你最擔心的是什麼?那麼怎麼保護自己呢?這個時候乞求防毒軟體 防火牆,恐怕早沒什麼效果。基於上面的擔心考慮,我想出乙個不是萬能的辦法 1 寫乙個程式,感染本機內除系統目錄外的全部檔案,或者感染你指定的機密檔案。2 程式會自動的在所有源 檔案中插入特定 函式。3 本級每次啟動建立多...