정렬 문제를 어떻게 해결합니까?

on fiddle fiddle code jqpivot는 자동차 판매 데이터를 보여줍니다. 다음 문제는 CSS 문제이거나 구성 문제 일 수 있습니다. 전 때 사용자가 스크롤 다운, 아래 그림에 도시 된 바와 같이 100정렬 문제를 어떻게 해결합니까?

{ 
    iconSet: "fontAwesome", 
    cmTemplate: { autoResizable: true, width: 75 }, 
    shrinkToFit: false, 
    useUnformattedDataForCellAttr: false, 
    autoResizing: { compact: true }, 
    groupingView: { 
     groupField: ["x0"], 
     groupColumnShow: [false], 
     groupText: ["<span class='group-text'>{0}</span>"] 
    }, 
    width: 600, 
    height:100, 
    toolbar: [true, "top"], 
    pager: true, 
    rowNum: 7, 
    threeStateSort: true, 
    sortname:['x1'], 
    caption: "<b>Car sales statistics</b>", 
    rowList: [5,7, 10, 20, 100, "10000:All"] 
});

그리드 세트의 높이의 크기 IE에서 동일한 코드를 실행하고 하이라이트 방송 행에 지점에서 중지 클릭하면 행이 한 줄로 표시되지 않고 시각적으로 구분됩니다. . 큰 데이터 세트를 사용하면 IE의 육안으로 볼 수 있습니다. 이 문제를 어떻게 해결합니까?

출처

2017-01-08 Dore.Ad

나는 IE에서 문제를 재현 할 수없는,하지만 난 당신이 높이의 재 계산 및 냉동 된 div의 모든 요소의 위치를 강제로 코드에서

$grid.trigger("jqGridResizeStop.setFrozenColumns");

를 추가하는 것이 좋습니다 것입니다. 예를 들어 https://jsfiddle.net/OlegKi/rkxutxuv/7/을 참조하십시오.

출처

2017-01-08 00:56:46 Oleg

이 문제는 IE 문제입니다.이 YouTube 동영상은 IE의 zoomer 문제 인 https://youtu.be/G3EJDSMLHB8을 참조하십시오. 일반적으로 IE는 아래로 스크롤 할 때 행의 중단 효과를 나타냅니다. 내가 스크롤을 누른 다음 위의 스크롤 문제를 볼 수 있습니다. 하지만 일단 확대하면 정렬 문제를 막기 위해 페이지를 다시로드해야합니다. 그러나 나는 당신 덕분에 권장 코드를 추가했습니다 :) –

@ Dore.Ad : 하나 * 줌 *을 감지하는 이벤트 처리기를 추가해야합니다. http://stackoverflow.com/a/25036623/315935, http://stackoverflow.com/a/14517805/315935 등을 참조하십시오. 하나는'$ (window) .bind ("resize", function() {...}). triggerHandler ("resize");'를 사용하고'resize' 핸들러 내에서'setGridWidth'를 호출합니다. 하나는 페이지를 다시로드 할 필요가 없습니다. – Oleg

지금은 크롬과 IE에서 테스트 중입니다. 문제는 해결되었지만 IE 브라우저에서는 여전히 눈에 띄는 문제가 하나 있습니다. 크롬에서 이것을 볼 수 없습니다. 세로 스크롤을하면 줄이 두 번째로 끊깁니다. 재편성하십시오. 이것은 IE 버그입니까? –

정렬 문제를 어떻게 해결합니까?

답변

관련 문제