[flutter] 플러터 Table 위젯에서 셀 내용 정렬하기

15 Dec 2023

flutter

플러터(Table)[https://api.flutter.dev/flutter/widgets/Table-class.html]을 사용하면 표 형식으로 데이터를 표시할 수 있습니다. 이때, 각 셀의 내용을 정렬하려면 TableCell 위젯을 이용하여 각 셀마다 다르게 설정할 수 있습니다.

아래 예제는 Table 위젯에서 TableCell을 사용하여 셀 내용을 정렬하는 방법을 보여줍니다.

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 Alignment Example'),
        ),
        body: Center(
          child: Table(
            border: TableBorder.all(),
            children: [
              TableRow(
                children: [
                  TableCell(
                    verticalAlignment: TableCellVerticalAlignment.middle,
                    child: Center(child: Text('중앙 정렬')),
                  ),
                  TableCell(
                    verticalAlignment: TableCellVerticalAlignment.bottom,
                    child: Center(child: Text('하단 정렬')),
                  ),
                ],
              ),
              TableRow(
                children: [
                  TableCell(
                    verticalAlignment: TableCellVerticalAlignment.top,
                    child: Center(child: Text('상단 정렬')),
                  ),
                  TableCell(
                    verticalAlignment: TableCellVerticalAlignment.middle,
                    child: Center(child: Text('중앙 정렬')),
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}

위 예제에서는 verticalAlignment 속성을 사용하여 각 TableCell의 내용을 상단, 중앙, 하단으로 정렬하였습니다.

플러터 Table 위젯에서 셀의 내용을 정렬하는 방법에 대해서 알아보았습니다. 필요에 따라서 TableCell을 활용하여 원하는 형태로 표를 꾸밀 수 있습니다.