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

테이블 형식으로 데이터 집합을 보여 줍니다.

설명

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

기능

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

지금 사용 가능

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

아직 사용할 수 없음

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

알려진 문제

  • Items 속성에서 FirstN 함수를 사용할 때 데이터가 표시되지 않습니다.

주요 속성

  • Items데이터 테이블 컨트롤에 표시되는 데이터의 원본입니다.
  • Selected데이터 테이블 컨트롤에서 선택된 행입니다.

기타 속성

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

예제

기본 사용법

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

  2. 삽입 탭에서 클릭하거나 Data table을 탭합니다.

    데이터 테이블 컨트롤을 화면에 추가.

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

  3. 데이터 테이블 컨트롤의 이름을 SalesOrderTable로 변경하고 전체 화면에 맞게 크기를 변경합니다.

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

    판매 주문 테이블 선택.

    데이터 테이블 컨트롤이 이제 Sales order 데이터 원본에 연결되었습니다. 이 기능을 지원하는 커넥터를 사용하고 있기 때문에 데이터 테이블 컨트롤에 몇 가지 초기 필드가 표시됩니다.

    데이터 테이블 순서.

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

    예를 들어 CustomerPurchaseOrderReference 옆의 확인란을 선택하면 이 필드를 숨깁니다.

  6. 오른쪽 창에서 위 또는 아래로 필드를 끌어 순서를 다시 정렬합니다.

    원하는 대로 필드 순서 다시 정렬.

    SalesOrderTable 컨트롤이 사용자가 지정한 순서대로 필드를 표시합니다.

    업데이트된 데이터 테이블.

데이터 테이블 컨트롤의 제목 스타일 변경

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

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

  3. HeadingColor 속성에 대한 필드를 클릭하거나 탭한 다음 이 값을 White로 변경합니다.

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

    데이터 테이블.

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

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

  2. 데이터 테이블편집 양식 컨트롤의 크기를 조절하여 데이터 테이블 컨트롤이 화면의 왼쪽에 표시되고 편집 양식 컨트롤이 화면의 오른쪽에 표시되게 합니다.

    동일한 화면의 데이터 테이블과 편집 양식.

  3. 반면 Form1을 선택하면 오른쪽 창에서 열의 숫자가 1로 바뀝니다.

  4. Form1Sales order 데이터 원본에 연결합니다.

    몇 가지 초기 필드가 Form1에 표시됩니다.

    초기 필드가 있는 Form1.

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

  6. Form1Item 속성을 SalesOrderTable.Selected로 설정합니다.

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

    데이터 테이블에 연결된 편집 양식.

접근성 지침

색 대비

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

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

스크린 리더 지원

  • NoDataText가 있어야 합니다.

참고

귀사의 설명서 언어 기본 설정에 대해 말씀해 주시겠습니까? 간단한 설문 조사에 응해주세요. (이 설문 조사는 영어로 되어 있습니다.)

이 설문 조사는 약 7분 정도 걸립니다. 개인 데이터는 수집되지 않습니다(개인정보처리방침).