jqGrid가 Chrome에서 가로 스크롤 막대를 표시하는 이유는 무엇이며 어떻게 해결할 수 있습니까?

Chrome의 jqGrid 렌더링 문제

Chrome 및 그 파생 브라우저에서는 jqGrid에서 사소한 렌더링 문제가 발생합니다. 열이 그리드 경계를 넘어 확장됩니다. 이 렌더링 오류로 인해 가로 스크롤 막대가 나타나는데 이는 원하는 동작이 아닙니다.

문제 원인

이 문제는 jqGrid가 그리드 너비를 계산하는 방법에서 발생합니다. 사용자 에이전트가 Safari인지 Chrome인지에 따라 결정됩니다. 그러나 Chrome 19 미만 버전의 버그로 인해 부정확한 계산이 발생하여 렌더링이 제대로 되지 않습니다.

해결 방법

최신 버전의 jqGrid에서 수정이 구현되었습니다. (4.3.3). 이 수정 사항은 그리드가 Chrome 또는 Safari에서 렌더링되는지 여부를 결정하는 데 사용되는 논리를 수정합니다. jqGrid 코드에서 수정된 줄은 다음과 같습니다.

isSafari = ($.browser.webkit || $.browser.safari) &&
    parseFloat($.browser.version)<536.5 ? true : false; // Chrome < version 19

원래 줄을 수정된 줄로 바꾸면 문제가 해결되고 가로 스크롤 막대 없이 그리드가 올바르게 렌더링됩니다.

이전 Chrome 버전에 대한 대체 수정

이전 버전의 Chrome(20 이상 아래) jqGrid 4.3.3의 수정 사항을 사용할 수 없는 경우 위에서 언급한 조건 대신 약간 다른 조건을 사용할 수 있습니다.

isSafari = ($.browser.webkit || $.browser.safari) &&
    parseFloat($.browser.version)<536.11 ? true : false; // Chrome < version 20

결론적으로 Chrome용 jqGrid의 렌더링 문제는 Chrome 렌더링 엔진의 오류로 인해 발생합니다. jqGrid 4.3.3에 구현된 수정 사항은 이 문제를 효과적으로 해결합니다. 이전 Chrome 버전의 경우 대체 조건을 사용하여 동일한 결과를 얻을 수 있습니다.

위 내용은 jqGrid가 Chrome에서 가로 스크롤 막대를 표시하는 이유는 무엇이며 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!