jqgrid - 表頭標籤對齊問題在IE中

我有jqgrid頭問題。jqgrid - 表頭標籤對齊問題在IE中

在Firefox它能否正常顯示，如下圖所示... jqgrid header in firefox

在IE7它會顯示如下圖所示... jqgrid header in IE7

任何人都可以解決我的問題......

我用jqgrid下面的html代碼

< table id="list" cellpadding="0" cellspacing="0">< /table>

< div id="pager" >< /div>

來源

2011-05-11 Sandeep

您應該驗證您使用的CSS（特別是與'

'相關的部分）。 – Oleg2011-05-11 11:00:32

使用的CSS是jqgrid ...我didnot修改它.. – Sandeep 2011-05-11 12:14:57

您將需要使用不同的IE版本的CSS。你可以通過螢火蟲檢查由gird頭部實現的css類，獲取該類並覆蓋IE，並獲得該設置適當的CSS。或者，當瀏覽器是IE時，也可以通過jquery更新標題的高度。還檢查這兩個鏈接http://stackoverflow.com/questions/8800003/jqgrid-headertext-of-columns-are-not-displayed-properly和http://stackoverflow.com/questions/7246506/how-to-wrap - 單列標題文本 - 到 - 多線合的jqGrid – DG3 2012-02-09 22:04:43

回答

我認爲這是一個已知的問題，因爲我也看到了它 - 主要是在IE9中。例如，如果在較窄的列內有太長的標題，它會顛倒該標題行中列的內容不對齊，並且該字的一部分將與下一列重疊，就好像「溢出」開啓該班正在被忽略。

作爲一種快速修復，如果將列寬設置爲比標題中的文本更寬，則不會顯示對齊問題。我知道這不是最好的解決方案，因爲如果有人手動摺疊該列的寬度，它會再次混亂對齊。

最好的，當我看的CSS的jqGrid我可以告訴大家，持有的文字<th>內該行的<div>與應用於<th>本身它控制白色空間，浮動的樣式溢出兼容性問題和文本對齊。

來源

2011-06-10 20:26:31 Adam

相關問題