Skip to content

SyncfusionExamples/How-to-show-tooltips-in-the-Flutter-DataGrid-cells

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

How to show tooltips in the Flutter DataGrid cells.

In this article, you can learn about how to show tooltips in the Flutter DataGrid cells.

Initialize the SfDataGrid widget with all the required properties. To achieve this, you can wrap the Tooltip widget around the widget loaded in the DataGridCell and set the desired value in the Tooltip.message property within the DataGridSource.buildRow method.

class EmployeeDataSource extends DataGridSource {

…
 
 @override
 DataGridRowAdapter buildRow(DataGridRow row) {
    return DataGridRowAdapter(
        cells: row.getCells().map<Widget>((e) {
      return Tooltip(
        message: 'Employee ${row.getCells()[1].value} Data',
        child: Container(
          alignment: Alignment.center,
          padding: const EdgeInsets.all(8.0),
          child: Text(e.value.toString()),
        ),
      );
    }).toList());
  }
}

You can download the example from GitHub

About

How to show tooltips in the Flutter DataGrid cells

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •