이번 블로그에서는 플러터에서 DataTable 위젯을 어떻게 사용하는지에 대해 알아보겠습니다.

DataTable 위젯 추가

DataTable 위젯을 사용하려면 먼저 플러터 프로젝트에 해당 위젯을 추가해야 합니다. 다음과 같이 DataTable 위젯을 import 합니다.

import 'package:flutter/material.dart';

데이터 소스 설정

테이터 테이블에 나타낼 데이터를 정의해야 합니다. 일반적으로 2차원 리스트(List of Lists) 또는 리스트(List)를 사용하여 데이터를 구성합니다.

List<List<dynamic>> tableData = [
  ['Name', 'Age', 'Gender'],
  ['John', 25, 'Male'],
  ['Amy', 30, 'Female'],
  ['David', 28, 'Male'],
  // Add more rows as needed
];

DataTable 위젯 생성

이제 DataTable 위젯을 생성하여 데이터를 화면에 표시할 준비가 되었습니다.

DataTable(
  columns: [
    DataColumn(label: Text('Name')),
    DataColumn(label: Text('Age')),
    DataColumn(label: Text('Gender')),
  ],
  rows: tableData.map((rowData) => DataRow(
    cells: rowData.map((cellData) => DataCell(Text('$cellData'))).toList(),
  )).toList(),
)

위의 코드에서 DataTable 위젯에는 열(columns)과 행(rows)이 포함되어 있습니다. 열은 DataColumn 위젯을 사용하여 정의하고, 각 행은 DataRow와 DataCell 위젯을 사용하여 생성됩니다. 각 셀은 텍스트 위젯 등의 다양한 위젯을 포함할 수 있습니다.

DataTable 위젯의 기능을 확장하려면 소팅, 행 선택 시 동작, 행 추가/삭제 등의 기능을 추가할 수 있습니다.

이제 위와 같은 방법으로 DataTable 위젯을 사용하여 플러터 앱에 표 형식 데이터를 효과적으로 표시할 수 있습니다.

더 많은 자세한 내용은 공식 플러터 API 문서를 참고할 수 있습니다.