easyui的datagrid右側沒有邊框線

2022-07-10 10:30:10 字數 563 閱讀 4981

做專案時,用的easyui的框架的datagrid,執行時發現右側沒有邊框,其它的都有邊框,使用網頁的審查元素可以看到datagrid樣式裡的寬度沒有自動減去2個畫素,這些都是easyui自算的寬高,所以肯定的是easyui的js、css應該是沒有問題,只有自己寫的樣式影響或者函式沒有在頁面載入問題導致datagrid右邊框。

問題如圖:

最後經過測試發現,函式沒有放在頁面載入完成後導致這個問題的出現,即執行datagrid 的函式沒有放在$(function(){})內,只要將該函式放入$(function(){})內,datagrid右邊框就可以正常顯示了。

1 開始**:456

7修改後

8

view code

頁面效果:

附上乙份可能是其他原因造成右邊框不顯示的解決方法鏈結。easyui的datagrid右側沒有邊框線。

實現easyui的datagrid匯出為excel

之前天智海網路有介紹過如何實現easyui裡datagrid內容的列印,今天給大家介紹下如何實現datagrid內容匯出為excel檔案。以下為 實現 export.js function changetotable printdatagrid if typeof frozencolumns ind...

關於easyui的datagrid翻頁儲存選中項

網上講的不多,我隨便寫一下。當我們想在datagrid翻頁時儲存選中項,比如從第一頁翻到第二頁在返回第一頁時想保留之前的選中項,datagrid已經給我們準備好了乙個屬性 idfield,這個屬性需指定乙個列名,且此列的值是不能有重複的。只需指定這個屬性,datagrid就具有翻頁儲存選中項的功能了...

EasyUI效果 DataGrid的編輯效果

var editindex undefined function endediting if dg datagrid validaterow editindex var productname ed.target combobox gettext dg datagrid getrows editin...