ag-Grid 열 머리글 텍스트가 Safari에서 자동으로 자르지 않습니다.

Question

웹 응용 프로그램에서 데이터 그리드를 표시하기 위해 ag-Grid를 사용하고 있습니다.

열 머리글이 열 너비보다 긴 경우 Chrome (v 60.0) 및 Firefox (v 56.0)의 줄임표로 자동으로 잘립니다. 사파리 똑같은 테이블을 볼 때 열 맞게 조절 될 때까지

그러나, (V 11.0) 대신 절단보다는 열의 헤더 텍스트가 전혀 표시되지 않는다. 내가 Safari에서 AG-그리드의 자신의 사이트를 볼 때

, 자신의 예를 그리드의 헤더는 절단,하지만 나는 나를 변경할 수 있도록하는 어떤 특정 속성을 찾을 수 없습니다 여부를이 일어난다.

Safari 열 머리글이 Chrome에서 잘리는 것처럼이 문제를 해결하는 방법에 대한 의견을 보내 주시면 매우 감사하겠습니다.

Answer 1

사이드 바이 사이드 비교를 한 후 Safari에서 열 머리글의 CSS 속성이 display: table-cell 인 반면 Chrome은 표시를 위해 아무것도 지정하지 않았습니다.

.ag-header-group-cell-label { 
    display: inline !important; 
} 

:

는 문제를 해결하기 위해, 나는 내 CSS에 다음을 포함