분류 Reactjs

MUI-Datatables는 Material-UI V1에 구축 된 데이터 테이블 구성 요소

컨텐츠 정보

  • 조회 361 (작성일 )

본문

MUI-Datatables는 Material-UI V1에 구축 된 데이터 테이블 구성 요소입니다.


필터링, 열보기 / 숨기기, 검색, CSV 다운로드로 내보내기, 인쇄, 선택 가능한 행, 페이지 매김 및 정렬과 같은 기능이 제공됩니다.


대부분의 보기에서 스타일을 사용자 정의 할 수있는 기능 외에도 모바일 / 태블릿 장치에 대해 "스택"및 "스크롤"의 두 가지 반응 모드가 있습니다.


https://github.com/gregnb/mui-datatables 

https://www.material-ui-datatables.com/ 


38026128-eac9d506-3258-11e8-92a7-b0d06e5faa82.gif 


import MUIDataTable from "mui-datatables";

const columns = ["Name", "Company", "City", "State"];

const data = [
 ["Joe James", "Test Corp", "Yonkers", "NY"],
 ["John Walsh", "Test Corp", "Hartford", "CT"],
 ["Bob Herm", "Test Corp", "Tampa", "FL"],
 ["James Houston", "Test Corp", "Dallas", "TX"],
];

const options = {
  filterType: 'checkbox',
};

<MUIDataTable
  title={"Employee List"}
  data={data}
  columns={columns}
  options={options}
/>