Spaltenkonfiguration des DataGrid; keine eigenständige Oberfläche.
TxColumn
| Parameter | Typ | Standard | Bedeutung |
|---|---|---|---|
| caption | String | erforderlich | Sichtbare Feld-/Spaltenüberschrift. |
| valueGetter | Object? Function(T row) | erforderlich | Liest den darzustellenden Feldwert. |
| dataField | String? | null | Feldname; muss im Grid eindeutig sein. |
| width | double | 160 | Breite; Vue-Zahlen in Pixeln, Flutter in logischen Pixeln. |
| allowSorting | bool | true | Erlaubt Sortierung dieser Spalte. |
| allowFiltering | bool | true | Erlaubt Filtern dieser Spalte. |
| visible | bool | true | Steuert die Sichtbarkeit. |
| alignment | Alignment | Alignment.centerLeft | Ausrichtung des Inhalts. |
| cellBuilder | Widget Function(BuildContext context, T row, Object? value)? | null | Erzeugt eigenen Inhalt; Callbackparameter und Rückgabetyp stehen in der Signatur. |
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'))]);
}