PowerApps의 데이터 테이블 컨트롤Data table control in PowerApps

테이블 형식으로 데이터 집합을 보여 줍니다.Shows a set of data in a tabular format.

설명Description

데이터 테이블 컨트롤은 컨트롤이 표시하는 각 필드에 대한 머리글을 포함하는 형식으로 데이터 집합을 보여 줍니다.The Data table control shows a dataset in a format that includes column headers for each field that the control shows. 앱 제작자는 표시할 필드와 순서를 완전히 제어할 수 있습니다.As an app maker, you have full control over which fields appear and in what order. 갤러리 컨트롤처럼 데이터 테이블 컨트롤도 선택된 행을 가리키는 Selected 속성을 유지합니다.Like the Gallery control, the Data table control maintains a Selected property that points to the selected row. 따라서 데이터 테이블을 다른 컨트롤에 연결할 수 있습니다.Therefore, you can link the Data table control to other controls.

기능Capabilities

PowerApps에는 2017년 5월 5일 데이터 테이블이 도입되었습니다.PowerApps introduced the Data table control on May 5, 2017. 이 섹션에서는 지원되는 기능과 지원되지 않는 기능에 대한 정보를 제공합니다.This section provides information about capabilities that are supported and capabilities that aren't supported.

지금 사용 가능Now available

  • 데이터 테이블 컨트롤의 데이터는 읽기 전용입니다.Data in a Data table control is read-only.
  • 데이터 테이블 컨트롤에서는 항상 단일 행이 선택됩니다.A single row is always selected in a Data table control.
  • 데이터 테이블 컨트롤을 연결된 또는 로컬 데이터 원본에 연결합니다.Link a Data table control to a connected or local data source.
  • 앱을 실행하는 동안 변경 내용이 저장되지 않더라도 데이터 테이블 컨트롤의 열 너비를 조정합니다.Adjust column widths in a Data table control while you run the app, though your changes aren't saved.
  • Common Data Service 등, 이 기능을 구현하는 커넥터에 연결할 때 데이터 테이블 컨트롤에 기본 필드 집합이 표시됩니다.A set of default fields appear in a Data table control when you link it to a connector that has implemented this capability, such as the Common Data Service. 그런 다음 필요에 따라 이 필드 및 기타 항목을 표시하거나 숨길 수 있습니다.You can then show or hide these fields and others as necessary.
  • 열 너비와 제목 텍스트를 사용자 지정합니다.Customize column width and heading text.
  • 데이터 테이블 컨트롤에 하이퍼링크를 표시합니다.Show hyperlinks in a Data table control.
  • 데이터 테이블 컨트롤을 복사하여 붙여넣습니다.Copy and paste a Data table control.

아직 사용할 수 없음Not yet available

  • 개별 열의 스타일을 사용자 지정합니다.Customize the styling of individual columns.
  • 양식 컨트롤에 데이터 테이블 컨트롤을 추가합니다.Add a Data table control in a form control.
  • 모든 행의 높이를 변경합니다.Change the height of all rows.
  • 데이터 테이블 컨트롤에 이미지를 표시합니다.Show images in a Data table control.
  • 관련된 엔터티로부터 필드를 표시합니다.Show fields from related entities.
  • 기본 기능을 사용하여 열 머리글에 따라 데이터를 필터링 및 정렬합니다.Use built-in functionality to filter and sort data by column heading.
  • 갤러리 컨트롤에 데이터 테이블 컨트롤을 추가합니다.Add a Data table control in a Gallery control.
  • 데이터 테이블 컨트롤에서 데이터를 편집합니다.Edit data in the Data table control.
  • 여러 행을 선택합니다.Select multiple rows.

알려진 문제Known issues

  • Items 속성에서 FirstN 함수를 사용할 때 데이터가 표시되지 않습니다.No data appears if you use the FirstN function in the Items property.

주요 속성Key properties

  • Items데이터 테이블 컨트롤에 표시되는 데이터의 원본입니다.Items – The source of data that appears in the Data table control.
  • Selected데이터 테이블 컨트롤에서 선택된 행입니다.Selected – The selected row in the Data table control.

기타 속성Other properties

  • BorderColor - 데이터 테이블 컨트롤의 테두리 색입니다.BorderColor – The color of the Data table control's border.
  • BorderColor - 데이터 테이블 컨트롤의 테두리 스타일입니다.BorderStyle – The style of the Data table control's border. 옵션은 Solid, Dashed, DottedNone입니다.The options are Solid, Dashed, Dotted, and None.
  • BorderThickness - 데이터 테이블 컨트롤의 테두리 굵기입니다.BorderThickness – The thickness of the Data table control's border.
  • Color – 모든 데이터 행의 기본 텍스트 색입니다.Color – The default text color for all data rows.
  • Fill – 모든 데이터 행의 기본 배경색입니다.Fill – The default background color for all data rows.
  • Font - 모든 데이터 행의 기본 글꼴입니다.Font - The default font for all data rows.
  • FontWeight - 모든 데이터 행의 기본 글꼴 두께입니다.FontWeight – The default font weight for all data rows.
  • HeadingColor - 열 머리글의 텍스트 색입니다.HeadingColor – The text color for the column headings.
  • HeadingFill - 열 머리글의 배경색입니다.HeadingFill – The background color of the column headings.
  • HeadingFont - 열 머리글의 글꼴입니다.HeadingFont – The font of the column headings.
  • HeadingFontWeight - 열 머리글의 글꼴 두께입니다.HeadingFontWeight – The font weight of the column headings.
  • HeadingSize – 열 머리글의 글꼴 크기입니다.HeadingSize – The font size of the column headings.
  • Height데이터 테이블 컨트롤의 위쪽 및 아래쪽 가장자리 사이의 간격입니다.Height – The distance between the Data table control's top and bottom edges.
  • HoverColor – 마우스 포인터가 가리키는 행의 텍스트 색입니다.HoverColor – The text color for the row that the mouse pointer is pointing at.
  • HoverFill – 마우스 포인터가 가리키는 행의 배경색입니다.HoverFill – The background color of the row that the mouse pointer is pointing at.
  • NoDataText데이터 테이블 컨트롤에 표시되는 레코드가 없을 때 사용자에게 표시하는 메시지입니다.NoDataText – The message that the user receives when there are no records to show in the Data table control.
  • SelectedColor – 선택된 행의 텍스트 색입니다.SelectedColor – The color of the text in the selected row.
  • SelectedFill – 선택된 행의 배경색입니다.SelectedFill – The background color of the selected row.
  • Size – 모든 데이터 행의 기본 글꼴크기입니다.Size – The default font size for all data rows.
  • Visible데이터 테이블 컨트롤의 표시 또는 숨김 여부를 결정하는 값입니다.Visible – A value that determines whether the Data table control appears or is hidden.
  • Width데이터 테이블 컨트롤의 왼쪽과 오른쪽 가장자리 사이의 간격입니다.Width – The distance between the Data table control's left and right edges.
  • X데이터 테이블 컨트롤의 왼쪽 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우 화면의 왼쪽 가장자리) 사이의 거리입니다.X – The distance between the left edge of the Data table control and the left edge of its parent container (or the left edge of the screen if there is no parent container).
  • Y데이터 테이블 컨트롤의 맨 위 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우 화면의 맨 위 가장자리) 사이의 거리입니다.Y – The distance between the top edge of the Data table control and the top edge of its parent container (or the top edge of the screen if there is no parent container).

Examples

기본 사용법Basic usage

  1. 빈 태블릿 앱을 만듭니다.Create a blank tablet app.
  2. 삽입 탭에서 클릭하거나 데이터 테이블을 탭합니다.On the Insert tab, click or tap Data table.

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

    데이터 테이블 컨트롤이 화면에 추가됩니다.A Data table control is added to the screen.

  3. 데이터 테이블 컨트롤의 이름을 SalesOrderTable로 변경하고 전체 화면에 맞게 크기를 변경합니다.Rename the Data table control SalesOrderTable, and resize it so that it covers the whole screen.
  4. 오른쪽 창에서 데이터 원본을 선택하지 않음 텍스트의 오른쪽에서 아래 화살표를 클릭하거나 탭하고 데이터 원본 추가를 클릭하거나 탭합니다.In the right pane, click or tap the down arrow to the right of the No data source selected text, and then click or tap Add a data source.

    데이터 원본 추가

  5. 연결 목록에서 Common Data Service 데이터베이스에 대한 연결을 클릭하거나 탭합니다.In the list of connections, click or tap the connection for your Common Data Service database.

    데이터 원본에 대한 연결 선택

  6. 엔터티 목록에서 Sales order를 클릭하거나 탭하고 연결을 클릭하거나 탭합니다.In the list of entities, click or tap Sales order, and then click or tap Connect.

    Sales order 엔터티 선택

    데이터 테이블 컨트롤이 이제 Sales order 데이터 원본에 연결되었습니다.The Data table control is now attached to the Sales order data source. 이 기능을 지원하는 커넥터를 사용하고 있기 때문에 데이터 테이블 컨트롤에 몇 가지 초기 필드가 표시됩니다.Several initial fields appear in the Data table control, because we're using a connector that supports that capability.

    데이터 테이블

  7. 오른쪽 창에 개별 필드를 표시하거나 숨기기 위해 하나 이상의 확인란을 선택합니다.In the right pane, select one or more check boxes to show or hide individual fields.

    예를 들어 CustomerPurchaseOrderReference 옆의 확인란을 선택하면 이 필드를 숨깁니다.For example, select the check box next to CustomerPurchaseOrderReference to hide this field.

  8. 오른쪽 창에서 위 또는 아래로 필드를 끌어 순서를 다시 정렬합니다.In the right pane, reorder the fields by dragging them up or down.

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

    SalesOrderTable 컨트롤이 사용자가 지정한 순서대로 필드를 표시합니다.The SalesOrderTable control shows the fields in the order that you specified.

    업데이트된 데이터 테이블

데이터 테이블 컨트롤의 제목 스타일 변경Restyle the header for the Data table control

  1. 데이터 테이블 컨트롤을 선택한 상태로 오른쪽 창에서 고급 탭을 클릭하거나 탭합니다.While the Data table control is selected, in the right pane, click or tap the Advanced tab.
  2. HeadingFill 속성에 대한 필드를 클릭하거나 탭한 다음 이 값을 RGBA(62,96,170,1)로 변경합니다.Click or tap the field for the HeadingFill property, and then change the value to RGBA(62,96,170,1).
  3. HeadingColor 속성에 대한 필드를 클릭하거나 탭한 다음 이 값을 White로 변경합니다.Click or tap the field for the HeadingColor property, and then change the value to White.
  4. HeadingSize 속성에 대한 필드를 클릭하거나 탭한 다음 이 값을 14로 변경합니다.Click or tap the field for the HeadingSize property, and then change the value to 14.

    데이터 테이블

데이터 테이블 컨트롤을 다른 컨트롤에 연결Connect a Data table control to another control

  1. 편집 양식 컨트롤을 화면에 추가합니다.Add an Edit form control to the screen.
  2. 데이터 테이블편집 양식 컨트롤의 크기를 조절하여 데이터 테이블 컨트롤이 화면의 왼쪽에 표시되고 편집 양식 컨트롤이 화면의 오른쪽에 표시되게 합니다.Resize the Data table and Edit form controls so that the Data table control appears in the left part of the screen and the Edit form control appears in the right part of the screen.

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

  3. 반면 Form1을 선택하면 오른쪽 창에서 열의 숫자가 1로 바뀝니다.While Form1 is selected, in the right pane, change the number of columns to 1.
  4. Form1Sales order 데이터 원본에 연결합니다.Connect Form1 to the Sales order data source.

    몇 가지 초기 필드가 Form1에 표시됩니다.Several initial fields appear in Form1.

    초기 필드가 있는 Form1

  5. 오른쪽 창에서 고급 탭을 클릭하거나 탭합니다.In the right pane, click or tap the Advanced tab.
  6. Form1Item 속성을 SalesOrderTable.Selected로 설정합니다.Set the Item property for Form1 to SalesOrderTable.Selected.

    Form1데이터 테이블 컨트롤에서 선택된 행의 정보를 표시합니다.Form1 shows information from the row that's selected in the Data table control.

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