1）源碼里面將thead和tbody分別封裝成了一個(gè)單獨(dú)的表格，修改后將thead和tbody放到了一個(gè)table里面；
2）依次遍歷凍結(jié)的列放入到固定的tbody里面；
其實(shí)也就改了那么幾個(gè)地方，就能完美解決IE的bug 。我們先來看看效果：
IE11
IE10
IE8
我們?cè)賮砜纯慈绾问褂?。
1、引用js和對(duì)應(yīng)的css
script src="/images/defaultpic.gif" /2、js調(diào)用如下
加兩個(gè)參數(shù)fixedColumns和fixedNumber即可，什么意思不用過多解釋，是否凍結(jié)列、凍結(jié)列的列數(shù) 。還有一點(diǎn)需要說明的是，這里調(diào)用的時(shí)候不能指定它的height，如果指定height，表格的凍結(jié)顯示會(huì)有問題 。
【JS 組件系列之Bootstrap Table 凍結(jié)列功能IE瀏覽器兼容性問題解決方案】以上所述是小編給大家介紹的JS 組件系列之Bootstrap Table 凍結(jié)列功能IE瀏覽器兼容性問題解決方案，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的 。在此也非常感謝大家對(duì)我們網(wǎng)站的支持！
您可能感興趣的文章:Angualrjs和bootstrap相結(jié)合實(shí)現(xiàn)數(shù)據(jù)表格tablebootstrap table實(shí)現(xiàn)單擊單元格可編輯功能Angularjs bootstrap table多選（全選）支持單擊行選中實(shí)現(xiàn)編輯、刪除功能bootstrap table動(dòng)態(tài)加載數(shù)據(jù)示例代碼BootstrapTable refresh 方法使用實(shí)例簡(jiǎn)單介紹bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法BootStrap table刪除指定行的注意事項(xiàng)(筆記整理)瀏覽器兼容性問題大匯總測(cè)試IE瀏覽器對(duì)JavaScript的AngularJS的兼容性css與javascript跨瀏覽器兼容性總結(jié)window.open()詳解及瀏覽器兼容性問題示例探討下拉列表選擇項(xiàng)的選中在不同瀏覽器中的兼容性問題探討
推薦閱讀
- 毛衣縮水了怎么才能變大
- N80之uPnP篇
- 《177版853使用狀況之兩周總結(jié)》補(bǔ)遺篇
- 陽光之下小武是警察嗎
- 窮眾口之辯作者
- 原神雪山芬德尼爾之頂怎么去
- 云頂之弈怎么刷寶典
- 牛肉燴面的做法
- 增大外放音量之注冊(cè)表修改篇
- 百分之二是多少