t×tecexpressby TeKOcloud
ENv0.7.1
Daten & Ansichten / FLUTTER

TxColumn.

Interaktive Vorschau

Spaltenkonfiguration des DataGrid; keine eigenständige Oberfläche.

TxColumn

ParameterTypStandardBedeutung
captionStringerforderlichSichtbare Feld-/Spaltenüberschrift.
valueGetterObject? Function(T row)erforderlichLiest den darzustellenden Feldwert.
dataFieldString?nullFeldname; muss im Grid eindeutig sein.
widthdouble160Breite; Vue-Zahlen in Pixeln, Flutter in logischen Pixeln.
allowSortingbooltrueErlaubt Sortierung dieser Spalte.
allowFilteringbooltrueErlaubt Filtern dieser Spalte.
visiblebooltrueSteuert die Sichtbarkeit.
alignmentAlignmentAlignment.centerLeftAusrichtung des Inhalts.
cellBuilderWidget Function(BuildContext context, T row, Object? value)?nullErzeugt eigenen Inhalt; Callbackparameter und Rückgabetyp stehen in der Signatur.
dart
import 'package:flutter/material.dart';
import 'package:tecexpress/tecexpress.dart';

Widget example() {
  final rows = <Map<String, Object>>[{'id': 1, 'name': 'Alex'}];
  return TxDataGrid<Map<String, Object>>(dataSource: rows, keyOf: (row) => row['id']!, columns: [TxColumn(caption: 'Name', valueGetter: (row) => row['name'], cellBuilder: (context, row, value) => Text('$value'))]);
}