[flutter] 플러터 Table 위젯에서 특정 행 또는 열 추가하기

15 Dec 2023

flutter

플러터(Table)[https://api.flutter.dev/flutter/material/Table-class.html]은 행과 열로 이루어진 데이터를 표 형태로 표시하는데 사용되는 위젯입니다. Table 위젯을 사용할 때 특정 행 또는 열을 추가하려면 다음과 같이 코드를 작성할 수 있습니다.

1. Table 위젯 생성

먼저 Table 위젯을 생성합니다. 아래는 간단한 Table 위젯의 예시입니다.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Table Widget Example'),
        ),
        body: Center(
          child: Table(
            children: [
              // 테이블 행 추가
              TableRow(
                children: [
                  // 셀 추가
                  TableCell(
                    child: Text('Cell 1'),
                  ),
                  TableCell(
                    child: Text('Cell 2'),
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}

2. 특정 행 또는 열 추가하기

새로운 행이나 열을 추가하려면, 기존 Table 위젯에 새로운 TableRow를 추가해주면 됩니다. 예를 들어, 위 예시의 테이블에 새로운 행을 추가하고 싶다면 다음과 같이 코드를 작성할 수 있습니다.

Table(
  children: [
    TableRow(
      children: [
        TableCell(
          child: Text('Cell 1'),
        ),
        TableCell(
          child: Text('Cell 2'),
        ),
      ],
    ),
    // 새로운 행 추가
    TableRow(
      children: [
        TableCell(
          child: Text('New Cell 1'),
        ),
        TableCell(
          child: Text('New Cell 2'),
        ),
      ],
    ),
  ],
),

이렇게하면 기존의 행 아래에 새로운 행이 추가됩니다.

마찬가지로 새로운 열을 추가하려면 기존의 각 TableRow에 TableCell을 추가하면 됩니다.

결론

플러터 Table 위젯에서 특정 행 또는 열을 추가하는 방법을 살펴보았습니다. Table 위젯을 사용할 때 이러한 방식으로 행과 열을 동적으로 추가할 수 있습니다.