DataTable (Flutter Widget of the Week) Flutter English Japanese

DataTable (Flutter Widget of the Week)YouTube↗ IA↗(long shot)
People & Blogs 132.3K views 3.7K likes 12 dislikes 24 Oct 2019

Flutter 631K subscribers United States YouTube↗

Click to Play Video

♪ (intro music) ♪

[Flutter] [今週のウィジェット] [第56回] [DataTable]

Do you have some important data to show to your users?

ユーザーに表示する重要なデータがあるなら

DataTableを使いましょう！

The widget allows you to build a table that automatically sizes its columns

このウィジェットを使うとセルの内容に応じて列のサイズを自動調整してくれる

according to what's in the cells.

テーブルを作成できます

First, add the DataTable() widget and define its columns.

まず <i>DataTable()</i>ウィジェットを追加しその列を規定します

Next, define each row and the cells in each of them.

次に各行とその中のセルを規定します

And voila, you have a DataTable.

するとほらデータテーブルの完成です

But wait, there's more.

それだけではありません

You can show how the table is sorted.

テーブルのソート方法も表示できますし

You can make a column numerical,

左横書きで右揃えにして

forcing right alignment in left to right locales.

列を数字で示すこともできます

You can show that a row is selected.

選択行の表示もできますし

You can show that a cell is editable

編集可能なセルや

or not yet filled in.

空欄のセルも表示できます

All the elements of the DataTable provide friendly callbacks,

DataTableのすべての要素にコールバックが備わっているので

so you can implement how the user should edit, select, or sort the data.

ユーザーの編集、選択、データソート方法を実装できます

Also, don't forget that everything is a widget.

またすべてがウィジェットですから

So, feel free to put any widget into your data cells.

どのウィジェットでもデータセルにご自由に入れられます

Final tip: if it's possible that all of your data

最後にヒントとして

won't fit in the horizontal space, for example, on small phones,

例えば小さなスマホ画面などですべてのデータが横方向の空間に収まらないなら

wrap the widget with a SingleChildScrollView.

<i>SingleChildScrollView</i>でウィジェットをラップしましょう

For more info on DataTable and all the other widgets,

DataTableとその他のウィジェットをもっと知るには

head to <i>flutter.dev</i> ♪ (outro music) ♪

<i>flutter.dev</i>をご覧ください

Similar videos:

AnimatedCrossFade (Flutter Widget of the Week)
Flutter
102.1K views 2.2K likes 14 dislikes 13 Nov 201982% match

DraggableScrollableSheet (Flutter Widget of the Week)
Flutter
97.2K views 2.1K likes 6 dislikes 20 Nov 201978% match

ShaderMask (Flutter Widget of the Week)
Flutter
87.1K views 2.7K likes 6 dislikes 27 Feb 202076% match

flutter_slidable (Flutter Package of the Week)
Flutter
92.6K views 4.1K likes 9 dislikes 11 Mar 202173% match

ListWheelScrollView (Flutter Widget of the Week)
Flutter
95.4K views 3.5K likes 15 dislikes 19 Feb 202070% match

AlertDialog (Flutter Widget of the Week)
Flutter
150K views 2.3K likes 20 dislikes 06 Nov 201968% match

ListView (Flutter Widget of the Week)
Flutter
113.5K views 1.7K likes 10 dislikes 26 Sep 201967% match

SliverAppBar (Flutter Widget of the Week)
Flutter
79.1K views 3.2K likes 13 dislikes 22 Oct 202065% match

RotatedBox (Flutter Widget of the Week)
Flutter
38.8K views 2.1K likes 4 dislikes 25 Mar 202163% match

InteractiveViewer (Flutter Widget of the Week)
Flutter
93.4K views 4.4K likes 17 dislikes 05 Nov 202061% match

ImageFiltered (Flutter Widget of the Week)
Flutter
61.2K views 2.5K likes 8 dislikes 14 Jan 202160% match

Transform (Flutter Widget of the Week)
Google for Developers
86K views 1.8K likes 10 dislikes 22 Jan 201960% match

MediaQuery (Flutter Widget of the Week)
Flutter
109.5K views 1.9K likes 7 dislikes 23 May 201960% match

Hero (Flutter Widget of the Week)
Google for Developers
113.5K views 1.8K likes 12 dislikes 11 Dec 201860% match

Container (Flutter Widget of the Week)
Flutter
127.3K views 2.1K likes 9 dislikes 10 Oct 201960% match

Flexible (Flutter Widget of the Week)
Flutter
85.2K views 1.5K likes 9 dislikes 17 May 201960% match

BackdropFilter (Flutter Widget of the Week)
Google for Developers
93.6K views 1.5K likes 15 dislikes 29 Jan 201960% match

Positioned (Flutter Widget of the Week)
Google for Developers
117.5K views 1.6K likes 5 dislikes 12 Feb 201960% match

ClipRRect (Flutter Widget of the Week)
Google for Developers
86.5K views 1.2K likes 9 dislikes 27 Nov 201860% match

Align (Flutter Widget of the Week)
Google for Developers
100.5K views 1.4K likes 13 dislikes 05 Feb 201960% match

LayoutBuilder (Flutter Widget of the Week)
Google for Developers
90K views 1.2K likes 12 dislikes 08 Jan 201960% match

PageView (Flutter Widget of the Week)
Google for Developers
112.2K views 1.6K likes 13 dislikes 09 Oct 201860% match

CustomPaint (Flutter Widget of the Week)
Google for Developers
86.5K views 1.2K likes 16 dislikes 18 Dec 201860% match

ListTile (Flutter Widget of the Week)
Flutter
126.3K views 2.1K likes 10 dislikes 03 Oct 201960% match

Stack (Flutter Widget of the Week)
Flutter
140.3K views 1.9K likes 11 dislikes 05 Sep 201960% match

SafeArea (Flutter Widget of the Week)
Google for Developers
117.4K views 1.6K likes 18 dislikes 14 Aug 201860% match

SliverAppBar (Flutter Widget of the Week)
Google for Developers
116.6K views 1.7K likes 10 dislikes 23 Oct 201860% match

FadeTransition (Flutter Widget of the Week)
Google for Developers
87.9K views 927 likes 17 dislikes 25 Sep 201860% match

Expanded (Flutter Widget of the Week)
Google for Developers
94.6K views 1.3K likes 12 dislikes 21 Aug 201860% match

RichText (Flutter Widget of the Week)
Flutter
87.4K views 1.7K likes 9 dislikes 08 Jul 201960% match

Settings Privacy About Contact Donate