반응 격자 데이터 테이블

Question

및 설정 버튼 필터 입력 검색 필드를 숨기려고합니다. 코드 아래에서 시도했지만 검색 필드와 설정 버튼이 계속 표시되었습니다.

<Griddle 
       plugins={[plugins.LocalPlugin]} 
       data={griddleData} 
       showFilter={false} 
       showSettings={false} 
       resultsPerPage={10}/> 

Answer 1

시도한 것이 작동하지 않으므로 사용자가 Griddle v1을 사용하고 있다고 가정합니다. 사용 된 구문은 폐지되어있는 이전 V0의 구문입니다

const griddleLayout = ({Table, Pagination, Filter, SettingsWrapper}) => (
    <div> 
     <Pagination/> 
     <Table/> 
    </div> 
); 

위 : 철판 v1의

  showFilter={false} 
      showSettings={false} 

는 다음을 정의하여 자신의 레이아웃 구성 요소를 만들 수 있습니다 당신은 Pagination과 Table만을 표시하기로 결정 했으므로 Filter와 SettingsWrapper를 숨길 수 있습니다.

<Griddle 
    ... 
    components={{ 
     Layout: griddleLayout 
    }} 
    ... 
</Griddle> 

참고 문헌 :

• 이전 구문 (V0) : https://griddlegriddle.github.io/v0-docs/customization.html

• 뉴는 자신을 사용하므로

  그리고 당신은 기본 레이아웃 구성 요소를 대체 할 수 있습니다 구문 (v1) : https://griddlegriddle.github.io/Griddle/docs/customization/