FlutterFlow 기초 - #20 레이아웃 위젯 DataTable

레이아웃 위젯 DataTable위젯  사용방법

  데이터테이블(DataTable) 위젯은 데이터를 표 형식으로 표시하는 데 사용되는 위젯

Properties 설정하기

1) Padding & Alignment

• DataTable전체의 Padding과 Ailgnment를 설정

2) Paginated DataTable Properties

• Number of Columns : 열의 수
• Number of Rows : 행의 수(연결된 데이터의 행의 수를 반영)
• UI Bulider Number of Rows : 화면에서 보여질 행의 수
• Paginated : 페이지 매김
• Selectable : 행을 선택 할 수 있도록 활성화
• Hide Paginator : 페이지네이터(페이지 표시 및 이동)를 숨김
• Show First And Last Button : 처음과 마지막 페이지 이동 버튼 표시 활성화

3) Layout Properties

• Table Width : 테이블 넓이 설정
• Table Height : 테이블 높이 설정
• Min Width : 테이블의 최소 넓이 설정
• Header Row Height : 표 제목 높이 설정
• Data Row Height : 데이터 행 높이 설정
• Column Spacing : 컬럼 사이의 간격 설정

4) Style Properties

• Header Row Color : 헤더 행 색상
• Row Color : 행 색상
• Alternate Row Color : 행을 구분하기 위해 교차로 색상을 설정
• Sort Icon Color : 정렬 가능한 모든 열에 대한 아이콘의 색상
• Border Radius : 표의 각 모서리의 라운드 값
• Add Horizontal Dividers : 수평 줄 추가
• Color & Thickness : 수평 줄의 색과 두께 설정
• Add Bottom Horizonatal Divider : 표 맨 마지막 행 아래도 구분선 추가
• Hide Default Dividers : 데이터테이블에 기본적으로 설정되는 구분선을 숨김
• Add Vertical Dividers : 수직방향으로 구분선 추가