>

조건부로 내 반응 테이블에 버튼을 추가하고 PaginationTop 의 행 크기 선택기 오른쪽에 버튼을 표시하려고합니다.  섹션.

이 프로젝트는 현재 반응 테이블 6.9.2 를 사용하고 있습니다 .

현재 테이블은 단순히 showPaginationTop 를 사용합니다.   ReactTable 의 논쟁으로  구성 요소로 인해 일부 사용자 정의 CSS 후이 헤더가 생성됩니다.

맞춤 요소가 표시되면 다음과 같이 나타납니다.

PaginationTop 에 대한 반응 테이블 소스를 변경하지 않고 이것이 가능한지 아는 사람이 있습니까? ?


  • 답변 # 1

    나의 나쁜 점은 여기 문서에 언급 된대로 구성 요소 재정의로 수행 할 수 있습니다. https://github.com/tannerlinsley/react-table/tree/v6#component-overrides

    내 솔루션의 경우 새 구성 요소를 만들고이를 기본값으로 설정해야합니다.

    Object.assign(ReactTableDefaults, {
      PaginationComponent: Pagination,
    ...
    
    

관련 자료

  • 이전 java - 리사이클 뷰 항목의 원하지 않는 선택
  • 다음 라텍스 - 표 안에 여러 줄로 줄을 나누는 방법