Power Apps의 데이터 테이블 컨트롤

테이블 형식으로 데이터 집합을 표시합니다.

Description

데이터 테이블 컨트롤은 컨트롤이 표시하는 각 필드에 대한 열 머리글을 포함하는 형식의 데이터 세트를 보여 줍니다. 앱 작성자는 표시되는 필드와 순서를 완전히 제어할 수 있습니다. 갤러리 컨트롤과 마찬가지로 데이터 테이블 컨트롤은 선택한 행을 가리키는 Selected 속성을 유지 관리합니다. 따라서 데이터 테이블 컨트롤을 다른 컨트롤에 연결할 수 있습니다.

제한점

데이터 테이블 컨트롤에는 다음과 같은 제한 사항이 있습니다.

• Items 속성이 필터 함수를 포함하는 수식으로 설정된 Data Table 컨트롤을 복사하여 붙여넣으면 새 데이터 테이블 컨트롤의 Items 속성에 대한 수식은 _1 접미사가 포함된 필드 이름으로 끝납니다. 이렇게 하면 필드 이름이 잘못되고 데이터 테이블에 데이터가 표시되지 않습니다. 이 문제를 해결하려면 컨트롤을 복사하기 전에 Filter 함수가 데이터 테이블 컨트롤의 열과 이름이 같은 데이터 원본의 필드를 참조하지 않는지 확인합니다. 이 경우 데이터 테이블 컨트롤의 열 이름을 바꿉니다. 또는 테이블의 이름과 일치하게 잘못된 필드 이름에서 _1 접미사를 제거합니다.

역량

Power Apps는 2017년 5월 5일에 데이터 테이블 컨트롤을 도입했습니다. 이 섹션에서는 지원되는 기능 및 지원되지 않는 기능에 대한 정보를 제공합니다.

이제 사용 가능

• 데이터 테이블 컨트롤의 데이터는 읽기 전용입니다.
• 데이터 테이블 컨트롤에서 항상 단일 행이 선택됩니다.
• 연결된 데이터 또는 로컬 데이터 원본에 데이터 테이블 컨트롤을 연결합니다.
• 변경 내용이 저장되지는 않지만 앱을 실행하는 동안 데이터 테이블 컨트롤의 열 너비를 조정합니다.
• 이 기능을 구현한 커넥터(예: Microsoft Dataverse)에 연결할 때 데이터 테이블 컨트롤에 기본 필드 집합이 표시됩니다. 그런 다음 필요에 따라 이러한 필드와 다른 필드를 표시하거나 숨길 수 있습니다.
• 열 너비 및 제목 텍스트를 사용자 지정합니다.
• 데이터 테이블 컨트롤에 하이퍼링크를 표시합니다.
• 데이터 테이블 컨트롤을 복사하여 붙여넣습니다.

아직 사용할 수 없음

• 개별 열의 스타일을 사용자 지정합니다.
• 양식 컨트롤에 데이터 테이블 컨트롤을 추가합니다.
• 모든 행의 높이를 변경합니다.
• 데이터 테이블 컨트롤에 이미지를 표시합니다.
• 관련 테이블의 필드를 표시합니다.
• 기본 제공 기능을 사용하여 열 머리글별로 데이터를 필터링하고 정렬합니다.
• 갤러리 컨트롤에 데이터 테이블 컨트롤을 추가합니다.
• 데이터 테이블 컨트롤에서 데이터를 편집합니다.
• 여러 행을 선택합니다.

알려진 문제

• Items 속성에서 FirstN 함수를 사용하는 경우 데이터가 나타나지 않습니다.

키 속성

• 항목 – 데이터 테이블 컨트롤에 표시되는 데이터의 원본입니다.
• 선택 됨 – 데이터 테이블 컨트롤에서 선택한 행입니다.

기타 속성

• AutoWidth - 열 너비가 자동인지 수동이어야 하는지를 정의하는 데이터 테이블 내 열의 속성입니다.
• BorderColor – 데이터 테이블 컨트롤의 테두리 색입니다.
• BorderStyle – 데이터 테이블 컨트롤의 테두리 스타일입니다. 옵션은 Solid, Dashed, Dotted 및 None입니다.
• BorderThickness – 데이터 테이블 컨트롤의 테두리 두께입니다.
• 색 – 모든 데이터 행의 기본 텍스트 색입니다.
• FieldDisplayName - 선택한 열의 표시 이름을 정의하는 데이터 테이블 내의 열 속성입니다.
• 채우기 – 모든 데이터 행의 기본 배경색입니다.
• 글꼴 - 모든 데이터 행의 기본 글꼴입니다.
• FontWeight – 모든 데이터 행의 기본 글꼴 두께입니다.
• HeadingColor – 열 머리글의 텍스트 색입니다.
• HeadingFill – 열 머리글의 배경색입니다.
• HeadingFont – 열 머리글의 글꼴입니다.
• HeadingFontWeight – 열 머리글의 글꼴 두께입니다.
• HeadingSize – 열 머리글의 글꼴 크기입니다.
• 높이 – 데이터 테이블 컨트롤의 위쪽 가장자리와 아래쪽 가장자리 사이의 거리입니다.
• HoverColor – 마우스 포인터가 가리키는 행의 텍스트 색입니다.
• HoverFill – 마우스 포인터가 가리키는 행의 배경색입니다.
• IsHyperlink - 선택한 열이 하이퍼링크 형식이어야 하는지 여부를 정의하는 데이터 테이블 내 열의 속성입니다.
• NoDataText – 데이터 테이블 컨트롤에 표시할 레코드가 없을 때 사용자가 받는 메시지입니다.
• Order - 다른 열에 해당하는 열의 순서를 결정하는 데이터 테이블 내 열의 속성입니다. 순서는 첫 번째 열 순서 값이 1인 왼쪽에서 오른쪽으로 시작합니다.
• SelectedColor – 선택한 행에 있는 텍스트의 색입니다.
• SelectedFill – 선택한 행의 배경색입니다.
• 크기 – 모든 데이터 행의 기본 글꼴 크기입니다.
• Text - 선택한 열 내에 표시할 데이터의 텍스트 값을 정의하는 데이터 테이블 내 열의 속성입니다.
• 표시 – 데이터 테이블 컨트롤이 표시되는지 숨겨지는지 여부를 결정하는 값입니다.
• 너비 – 데이터 테이블 컨트롤의 왼쪽 가장자리와 오른쪽 가장자리 사이의 거리입니다.
• X – 데이터 테이블 컨트롤의 왼쪽 가장자리와 부모 컨테이너의 왼쪽 가장자리 사이의 거리(또는 부모 컨테이너가 없는 경우 화면의 왼쪽 가장자리)입니다.
• Y – 데이터 테이블 컨트롤의 위쪽 가장자리와 부모 컨테이너의 위쪽 가장자리 사이의 거리입니다(또는 부모 컨테이너가 없는 경우 화면의 위쪽 가장자리).

관련 함수

• Filter(DataSource, Formula)(DataSource, Formula)
• Search(DataSource, SearchString, Column)(DataSource, SearchString, Column)

예시

기본 사용법

1. 빈 태블릿 앱을 만듭니다.

2. 삽입 탭에서 데이터 테이블을 클릭하거나 탭합니다.

   

   데이터 테이블 컨트롤이 화면에 추가됩니다.

3. Data 테이블 컨트롤 SalesOrderTable의 이름을 바꾸고 전체 화면을 덮도록 크기를 조정합니다.

4. 오른쪽 창에서 데이터 원본을 선택하고 판매 주문을 선택합니다. 테이블이 나열되지 않으면 테이블을 검색하고 Microsoft Dataverse에 연결합니다.

   

   이제 데이터 테이블 컨트롤이 Sales 주문 데이터 원본에 연결됩니다. 해당 기능을 지원하는 커넥터를 사용하므로 데이터 테이블 컨트롤에 몇 가지 초기 필드가 표시됩니다.

   

5. 오른쪽 창에서 하나 이상의 확인란을 선택하여 개별 필드를 표시하거나 숨깁니다.

   예를 들어 CustomerPurchaseOrderReference 옆에 있는 확인란을 선택하여 이 필드를 숨깁니다.

6. 오른쪽 창에서 필드를 위나 아래로 끌어 필드의 순서를 다시 지정합니다.

   

   SalesOrderTable 컨트롤은 지정한 순서대로 필드를 표시합니다.

   

데이터 테이블 컨트롤에 대한 헤더 다시 설정

1. 데이터 테이블 컨트롤을 선택하는 동안 오른쪽 창에서 고급 탭을 클릭하거나 탭합니다.

2. HeadingFill 속성의 필드를 클릭하거나 탭한 다음 값을 RGBA(62,96,170,1)로 변경합니다.

3. HeadingColor 속성의 필드를 클릭하거나 탭한 다음 값을 흰색으로 변경합니다.

4. HeadingSize 속성의 필드를 클릭하거나 탭한 다음 값을 14로 변경합니다.

   

데이터 테이블 컨트롤을 다른 컨트롤에 연결

1. 편집 양식 컨트롤을 화면에 추가합니다.

2. 데이터 테이블의 크기를 조정하고 양식 편집 컨트롤을 편집하면 화면 왼쪽 부분에 데이터 테이블 컨트롤이 표시되고 화면 오른쪽에 편집 양식 컨트롤이 나타납니다.

   

3. Form1을 선택하는 동안 오른쪽 창에서 열 수를 1로 변경합니다.

4. Form1을 Sales 주문 데이터 원본에 연결합니다.

   여러 초기 필드 가 Form1에 표시됩니다.

   

5. 오른쪽 창에서 고급 탭을 클릭하거나 탭합니다.

6. Form1의 Item 속성을 SalesOrderTable.Selected로 설정합니다.

   Form1 은 데이터 테이블 컨트롤에서 선택한 행의 정보를 표시합니다.

   

내게 필요한 옵션 지침

색 대비

다음 사이에 적절한 색 대비가 있어야 합니다.

• 색 및 채우기
• HeadingColor 및 HeadingFill
• SelectedColor 및 SelectedFill
• HoverColor 및 HoverFill

표준 색 대비 요구 사항에 추가됩니다.

화면 읽기 프로그램 지원

• NoDataText 가 있어야 합니다.