ข้อความส่วนหัว Jqgrid ทับซ้อนกันใน IE10

ฉันใช้ Jqgrid ในโครงการ MVC ของฉัน เนื่องจากมุมมองมีหลายคอลัมน์ จึงไม่แสดงทุกคอลัมน์พร้อมกันในหน้าจอ มีแถบเลื่อนเส้นขอบฟ้าเพื่อให้ผู้ใช้สามารถดูคอลัมน์อื่นได้ ขนาดหน้าคือ 20

แต่เมื่อผู้ใช้ใช้เมาส์ในการเลื่อน ข้อความส่วนหัวหายไป ปัญหานี้เกิดขึ้นใน IE10 เท่านั้น

ข้อมูลเพิ่มเติม ถ้าฉันกดหน้าถัดไป ข้อความส่วนหัวปัจจุบันจะแสดง แต่ข้อความส่วนหัวอื่นๆ จะหายไป

ฉันยังอ้างถึงโพสต์นี้ http://forums.asp.net/t/1990281.aspx?Jqgrid+Header+text+is+overlapped+in+IE10 แต่ไม่สามารถแก้ไขได้

ใครมีความคิดเกี่ยวกับเรื่องนี้?

ขอบคุณ

อัปเดต: ฉันปลอมมันโดยใช้รหัสนี้: $(function () { $("#gview_" + viewId + "top").scroll(function () { ///// รหัสนี้แก้ไขปัญหา: ส่วนหัวหายไป ในมุมมอง jqgrid เมื่อมุมมองมีแถบเลื่อนแนวนอน $(".ui-jqgrid-htable").css('พื้นหลัง-สี', 'rgb(66, 139, 202)'); var headers = $("div[id *='jqgh" + viewId + "']"); if (headers != null && headers.length > 0) { for (var i = 0; i ‹ headers.length; i++) { var header = headers[i]; ///// เพียงรีเซ็ตข้อความ header.innerText = header.innerText; } } }); });


person Mr Stone    schedule 14.01.2015    source แหล่งที่มา


คำตอบ (1)


ดูเหมือนว่าจะเกี่ยวข้องกับปัญหานี้ที่อธิบายไว้ที่นี่: https://stackoverflow.com/a/25305317/435280

และตามที่รายงานข้อผิดพลาดใน IE 10: องค์ประกอบ IE 10 ที่มีตำแหน่งสัมพัทธ์หายไปเมื่อเลื่อนในองค์ประกอบหลักบน Windows 7

วิธีแก้ปัญหาที่เสนอเพียงอย่างเดียวจาก MS คืออัปเกรดเป็น IE11 ซึ่งไม่สามารถแก้ปัญหาได้จริงๆ หากพยายามสนับสนุนผู้ใช้ IE10

person jrob    schedule 06.03.2015