3
PrimeNG 문서에 주어진 예제에 따라 필터처럼 데이터 테이블 엑셀을 구현했습니다. 필터 대화 상자가 표시하려면 내가 때문에 '오버 플로우'의PrimeNG datatable 컬럼 텍스트가 다른 컬럼과 중첩 됨
<p-column *ngFor="let col of propsTableCols" [field]="col.field"
[header]="col.header" [filter]="true" filterMatchMode="in" [sortable]="true"
[style]="{'overflow':'visible'}">
아래에 주어진 볼로 오버 플로우 스타일 속성을 제공해야 '눈에 보이는'스타일 열 텍스트 열 국경을 넘어와 다른 열 텍스트와 중복된다. 내 요구 사항은 열의 텍스트를 "클립"하는 것입니다. 제가 어떻게 이것을 할 수 있는지 알려주십시오.
숨겨진 열로 오버플로를 지정하면 텍스트가 잘리지 만 필터 대화 상자가 표시되지 않습니다.
참고 : 다른 열이 겹쳐 열에서 단어를 깨는 아래하지만 당신은 오버 플로우를 설정해야 내 요구 사항
.ui-datatable thead th {
word-wrap: break-word;
}