DataTable2 class

In-place replacement of standard DataTable widget, mimics it API. Has the header row always fixed and core of the table (with data rows) scrollable and stretching to max width/height of it's container. By using DataColumn2 instead of DataColumn it is possible to control relative column sizes (setting them to S, M and L). DataRow2 provides row-level tap event handlers.

Inheritance

Constructors

DataTable2({Key? key, required List<DataColumn> columns, int? sortColumnIndex, bool sortAscending = true, ValueSetter<bool?>? onSelectAll, Decoration? decoration, MaterialStateProperty<Color?>? dataRowColor, double? dataRowHeight, TextStyle? dataTextStyle, MaterialStateProperty<Color?>? headingRowColor, Color? fixedColumnsColor, Color? fixedCornerColor, double? headingRowHeight, TextStyle? headingTextStyle, CheckboxThemeData? headingCheckboxTheme, CheckboxThemeData? datarowCheckboxTheme, double? horizontalMargin, double? checkboxHorizontalMargin, Alignment checkboxAlignment = Alignment.center, double? bottomMargin, double? columnSpacing, bool showHeadingCheckBox = true, bool showCheckboxColumn = true, bool showBottomBorder = false, double? dividerThickness, Clip clipBehavior = Clip.none, double? minWidth, ScrollController? scrollController, ScrollController? horizontalScrollController, bool? isVerticalScrollBarVisible, bool? isHorizontalScrollBarVisible, Widget? empty, TableBorder? border, double smRatio = 0.67, int fixedTopRows = 1, int fixedLeftColumns = 0, double lmRatio = 1.2, Duration sortArrowAnimationDuration = const Duration(milliseconds: 150), IconData sortArrowIcon = Icons.arrow_upward, Widget? sortArrowBuilder(bool ascending, bool sorted)?, BoxDecoration? headingRowDecoration, required List<DataRow> rows})

Properties

border TableBorder?
Set vertical and horizontal borders between cells, as well as outside borders around table.
final
bottomMargin double?
If set the table will have empty space added after the the last row and allow scroll the core of the table higher (e.g. if you would like to have iOS navigation UI at the bottom overlapping the table and have the ability to slightly scroll up the bototm row to avoid the obstruction)
final
checkboxAlignment Alignment
Alignment of the checkbox if it is displayed Defaults to the Alignment.center
final
checkboxHorizontalMargin double?
Horizontal margin around the checkbox, if it is displayed.
finalinherited
clipBehavior Clip
The content will be clipped (or not) according to this option.
finalinherited
columns List<DataColumn>
The configuration and labels for the columns in the table.
finalinherited
columnSpacing double?
The horizontal margin between the contents of each data column.
finalinherited
datarowCheckboxTheme CheckboxThemeData?
Overrides theme of the checkbox that is displayed in the checkbox column in each data row (should checkboxes be enabled)
final
dataRowColor MaterialStateProperty<Color?>?
The background color for the data rows.
finalinherited
dataRowHeight double?
The height of each row (excluding the row that contains column headings).
final
dataRowMaxHeight double?
The maximum height of each row (excluding the row that contains column headings).
finalinherited
dataRowMinHeight double?
The minimum height of each row (excluding the row that contains column headings).
finalinherited
dataTextStyle TextStyle?
The text style for data rows.
finalinherited
decoration Decoration?
The background and border decoration for the table.
finalinherited
dividerThickness double?
The width of the divider that appears between TableRows.
finalinherited
empty Widget?
Placeholder widget which is displayed whenever the data rows are empty. The widget will be displayed below column
final
fixedColumnsColor Color?
Backgound color of the sticky columns fixed via fixedLeftColumns. Note: unlike data rows which can change their colors depending on material state (e.g. selected, hovered) this color is static and doesn't repond to state change Note: to change background color of fixed data rows use DataTable2.headingRowColor
final
fixedCornerColor Color?
Backgound color of the top left corner which is fixed whenere both fixedTopRows and fixedLeftColumns are greater than 0 Note: unlike data rows which can change their colors depending on material state (e.g. selected, hovered) this color is static and doesn't repond to state change Note: to change background color of fixed data rows use DataTable2.headingRowColor
final
fixedLeftColumns int
Number of sticky columns fixed at the left side of the table. Check box column (if enabled) is also counted
final
fixedTopRows int
The number of sticky rows fixed at the top of the table. The heading row is counted/included. By defult the value is 1 which means header row is fixed. Set to 0 in order to unstick the header, set to >1 in order to fix data rows (i.e. in order to fix both header and the first data row use value of 2)
final
hashCode int
The hash code for this object.
no setterinherited
headingCheckboxTheme CheckboxThemeData?
Overrides theme of the checkbox that is displayed in the leftmost corner of the heading (should checkboxes be enabled)
final
headingRowColor MaterialStateProperty<Color?>?
The background color for the heading row.
finalinherited
headingRowDecoration BoxDecoration?
Overrides default BoxDecoration(bottom border) applied to heading row. When both headerRowColor and this porperty are provided:
final
headingRowHeight double?
The height of the heading row.
finalinherited
headingTextStyle TextStyle?
The text style for the heading row.
finalinherited
horizontalMargin double?
The horizontal margin between the edges of the table and the content in the first and last cells of each row.
finalinherited
horizontalScrollController ScrollController?
Exposes scroll controller of the SingleChildScrollView that makes data rows horizontally scrollable
final
isHorizontalScrollBarVisible bool?
Determines whether the horizontal scroll bar is visible, for iOS takes value from scrollbarTheme when null
final
isVerticalScrollBarVisible bool?
Determines whether the vertical scroll bar is visible, for iOS takes value from scrollbarTheme when null
final
key Key?
Controls how one widget replaces another widget in the tree.
finalinherited
lmRatio double
Determines ratio of Large column's width to Medium column's width. I.e. 2.0 means that Large column is twice wider than Medium column.
final
minWidth double?
If set, the table will stop shrinking below the threshold and provide horizontal scrolling. Useful for the cases with narrow screens (e.g. portrait phone orientation) and lots of columns (that get messed with little space)
final
onSelectAll ValueSetter<bool?>?
Invoked when the user selects or unselects every row, using the checkbox in the heading row.
finalinherited
rows List<DataRow>
The data to show in each row (excluding the row that contains the column headings).
finalinherited
runtimeType Type
A representation of the runtime type of the object.
no setterinherited
scrollController ScrollController?
Exposes scroll controller of the SingleChildScrollView that makes data rows vertically scrollable
final
showBottomBorder bool
Whether a border at the bottom of the table is displayed.
finalinherited
showCheckboxColumn bool
Whether the widget should display checkboxes for selectable rows.
finalinherited
showHeadingCheckBox bool
Whether to display heading checkbox or not if the checkbox column is present. Defaults to true. Also check DataTable.showCheckboxColumn for details on how to control the checkbox column visibility
final
smRatio double
Determines ratio of Small column's width to Medium column's width. I.e. 0.5 means that Small column is twice narower than Medium column.
final
sortArrowAnimationDuration Duration
When changing sort direction an arrow icon in the header is rotated clockwise. The value defines the duration of the rotation animation. If not set, the default animation duration is 150 ms.
final
sortArrowBuilder → (Widget? Function(bool ascending, bool sorted)?)
A builder for the sort arrow widget. Can be used in combination with sortArrowAlwaysVisible for a custom sort arrow behavior. If this is used sortArrowIcon, sortArrowAnimationDuration will be ignored.
final
sortArrowIcon IconData
Icon to be displayed when sorting is applied to a column. If not set, the default icon is Icons.arrow_upward. When set always overrides/preceeds default arrow icons.
final
sortAscending bool
Whether the column mentioned in sortColumnIndex, if any, is sorted in ascending order.
finalinherited
sortColumnIndex int?
The current primary sort key's column.
finalinherited

Methods

build(BuildContext context) Widget
Describes the part of the user interface represented by this widget.
override
createElement() StatelessElement
Creates a StatelessElement to manage this widget's location in the tree.
inherited
debugDescribeChildren() List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node.
inherited
getMinMaxRowHeight(DataTableThemeData dataTableTheme) → (double, double)
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) String
A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug}) String
Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) String
Returns a one-line detailed description of the object.
inherited
toStringShort() String
A short, textual description of this widget.
inherited

Operators

operator ==(Object other) bool
The equality operator.
inherited