플러터(Flutter) Table 위젯은 표 형식의 데이터를 표시하는 데 사용됩니다. 그러나 기본적으로 Table 위젯은 테이블이 너무 커서 화면에 다 들어가지 않을 경우 스크롤이 가능하지 않습니다. 이 문제를 해결하기 위해 Table 위젯을 스크롤 가능하게 만드는 방법을 알아보겠습니다.

SingleChildScrollView 사용

Table 위젯을 스크롤 가능하게 하려면 SingleChildScrollView 위젯으로 감싸면 됩니다. SingleChildScrollView는 자식 위젯이 화면을 벗어날 때 스크롤이 가능하게 만들어줍니다.

SingleChildScrollView(
  scrollDirection: Axis.vertical,
  child: Table(
    // 테이블 내용
  ),
)

위와 같이 SingleChildScrollView로 Table 위젯을 감싸면, 테이블이 화면을 벗어날 때 스크롤이 가능하게 됩니다.

비대칭 열 너비 조정

테이블 내의 열이 서로 다른 너비를 가질 경우, Table의 기본 동작은 가장 긴 열에 맞추는 것 입니다. 따라서 특정 열이 다른 열에 비해 매우 넓다면 스크롤이 가능한 테이블을 구성할 수 있습니다.

마치며

플러터 앱에서 테이블을 사용할 때, 테이블 내용이 화면을 벗어나는 경우 스크롤이 필요할 수 있습니다. 이때 SingleChildScrollView를 사용하거나 열의 너비를 비대칭으로 조정하여 스크롤 가능한 테이블을 구현할 수 있습니다.

이렇게하면 사용자가 테이블의 모든 내용에 액세스 할 수 있게되어 더 나은 사용자 경험을 제공할 수 있습니다.

끝.