[flutter] DataTable에서 특정 셀에 아이콘 추가하는 방법

18 Dec 2023

flutter

Flutter 애플리케이션에서 DataTable을 사용할 때 특정 셀에 아이콘을 추가하는 방법은 다음과 같습니다.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: DataTable(
            columns: [
              DataColumn(
                label: Text('이름'),
              ),
              DataColumn(
                label: Text('아이콘'),
              ),
            ],
            rows: [
              DataRow(cells: [
                DataCell(Text('아이템 1')),
                DataCell(Icon(Icons.star)),
              ]),
              DataRow(cells: [
                DataCell(Text('아이템 2')),
                DataCell(Icon(Icons.favorite)),
              ]),
              DataRow(cells: [
                DataCell(Text('아이템 3')),
                DataCell(Icon(Icons.thumb_up)),
              ]),
            ],
          ),
        ),
      ),
    );
  }
}

위 코드에서 DataCell(Icon(Icons.{아이콘 이름}))을 사용하여 각 셀에 아이콘을 추가할 수 있습니다.

그럼 위와 같이 DataTable에서 특정 셀에 아이콘을 삽입할 수 있습니다.

참고문헌:

Flutter DataTable

Widget으로 셀 내부에 아이콘 삽입