diff --git a/Flutter/datagrid/columns-sizing.md b/Flutter/datagrid/columns-sizing.md index 3f2909f71..77dafc8f3 100644 --- a/Flutter/datagrid/columns-sizing.md +++ b/Flutter/datagrid/columns-sizing.md @@ -1,6 +1,6 @@ --- layout: post -title: Columns sizing in Flutter DataGrid | Syncfusion | DataTable +title: Columns sizing in Flutter DataGrid | Data Table | Syncfusion description: Learn here all about how to set the width for columns in Syncfusion Flutter DataGrid (SfDataGrid) widget and more. platform: flutter control: SfDataGrid @@ -89,7 +89,7 @@ Widget build(BuildContext context) { > **NOTE** The `GridColumn.columnWidthMode` takes higher priority than the `SfDataGrid.columnWidthMode`. -![columns filled based on view port size in flutter datagrid](images/autofit-columns/flutter-datagrid-fill-columns.png) +![columns filled based on view port size in Flutter DataGrid](images/autofit-columns/flutter-datagrid-fill-columns.png) ## Consider all the rows to calculate the autofit size @@ -241,7 +241,7 @@ class EmployeeDataSource extends DataGridSource { {% endhighlight %} {% endtabs %} -![flutter datagrid shows customization of padding in autofit calculation](images/autofit-columns/flutter-datagrid-autofitpadding-customization.png) +![Flutter DataGrid shows customization of padding in autofit calculation](images/autofit-columns/flutter-datagrid-autofitpadding-customization.png) ## Autofit calculation based on different TextStyle @@ -362,7 +362,7 @@ class CustomColumnSizer extends ColumnSizer { **NOTE** Download the demo application from [GitHub](https://github.com/SyncfusionExamples/how-to-fit-the-column-based-on-the-different-text-style-in-Flutter-DataTable-sfdatagrid). -![flutter datagrid shows autofit the columns based on different text style](images/autofit-columns/flutter-datagrid-textstyle-customization.png) +![Flutter DataGrid shows autofit the columns based on different text style](images/autofit-columns/flutter-datagrid-textstyle-customization.png) ## Autofit calculation based on the formatted value @@ -482,7 +482,7 @@ class CustomColumnSizer extends ColumnSizer { **NOTE** Download the demo application from [GitHub](https://github.com/SyncfusionExamples/how-to-fit-the-columns-based-on-the-formatted-value-in-Flutter-datatable-sfdatagrid). -![flutter datagrid shows autofit the columns based on formatted cell value](images/autofit-columns/flutter-datagrid-formatted-cellvalue.png) +![Flutter DataGrid shows autofit the columns based on formatted cell value](images/autofit-columns/flutter-datagrid-formatted-cellvalue.png) ## Fill the remaining width for any column @@ -540,7 +540,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![The last column is filled in view in flutter datagrid](images/autofit-columns/flutter-datagrid-fill-lastcolumn.png) +![The last column is filled in view in Flutter DataGrid](images/autofit-columns/flutter-datagrid-fill-lastcolumn.png) The below example shows Name column is set as `lastColumnFill` mode. @@ -596,7 +596,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![Name column is filled with remaining available space in flutter datagrid](images/autofit-columns/flutter-datagrid-fill-anycolumn.png) +![Name column is filled with remaining available space in Flutter DataGrid](images/autofit-columns/flutter-datagrid-fill-anycolumn.png) ## Recalculating column widths when datasource is changed diff --git a/Flutter/datagrid/editing.md b/Flutter/datagrid/editing.md index 42154a266..30650dd08 100644 --- a/Flutter/datagrid/editing.md +++ b/Flutter/datagrid/editing.md @@ -175,7 +175,7 @@ class EmployeeDataSource extends DataGridSource { {% endhighlight %} {% endtabs %} -![flutter datagrid editing](images/editing/datagrid_editing.gif) +![Flutter DataGrid editing](images/editing/datagrid_editing.gif) >**NOTE** Download demo application from [GitHub](https://github.com/SyncfusionExamples/how-to-perform-editing-in-flutter-datatable-sfdatagrid). @@ -239,7 +239,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![flutter datagrid disable the editing for specific column](images/editing/disable_editing.gif) +![Flutter DataGrid disable the editing for specific column](images/editing/disable_editing.gif) ## Entering edit mode @@ -499,7 +499,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![flutter datagrid begin edit](images/editing/begin_editing.gif) +![Flutter DataGrid begin edit](images/editing/begin_editing.gif) ### EndEdit diff --git a/Flutter/datagrid/styles.md b/Flutter/datagrid/styles.md index b7d787a73..7d7e6facc 100644 --- a/Flutter/datagrid/styles.md +++ b/Flutter/datagrid/styles.md @@ -1,7 +1,7 @@ --- layout: post title: Styling feature in Flutter DataGrid | DataTable | Syncfusion -description: Learn here all about how to customize the appearance of DataGrid in Syncfusion Flutter DataGrid (SfDataGrid) widget and more. +description: Learn here all about how to customize the appearance of Syncfusion Flutter DataGrid (SfDataGrid) widget and more. platform: flutter control: SfDataGrid documentation: ug @@ -74,7 +74,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![flutter datagrid header background color](images/styles/flutter-datagrid-column-header-styling.png) +![Flutter DataGrid header background color](images/styles/flutter-datagrid-column-header-styling.png) ## Change the header hover color @@ -131,7 +131,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![flutter datagrid header hovering](images/styles/flutter-datagrid-header-highlight.gif) +![Flutter DataGrid header hovering](images/styles/flutter-datagrid-header-highlight.gif) ## Change the row background color @@ -182,7 +182,7 @@ class EmployeeDataSource extends DataGridSource { {% endhighlight %} {% endtabs %} -![flutter datagrid row background color](images/styles/flutter-datagrid-rows-styling.png) +![Flutter DataGrid row background color](images/styles/flutter-datagrid-rows-styling.png) ## Styling grid lines @@ -240,7 +240,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![flutter datagrid shows customizing the grid lines](images/styles/flutter-datagrid-gridline-customization.png) +![Flutter DataGrid shows customizing the grid lines](images/styles/flutter-datagrid-gridline-customization.png) ## Show vertical and horizontal grid lines @@ -312,7 +312,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![flutter datagrid shows both grid lines](images/styles/flutter-datagrid-gridlines.png) +![Flutter DataGrid shows both grid lines](images/styles/flutter-datagrid-gridlines.png) ## Disable the row highlighting @@ -415,7 +415,7 @@ Widget build(BuildContext context) { {% endhighlight %} {% endtabs %} -![flutter datagrid highlight rows](images/styles/flutter-datagrid-highlight-rows.gif) +![Flutter DataGrid highlight rows](images/styles/flutter-datagrid-highlight-rows.gif) ## Change the cell value color @@ -471,4 +471,4 @@ class EmployeeDataSource extends DataGridSource { {% endhighlight %} {% endtabs %} -![flutter datagrid cell value color](images/styles/flutter-datagrid-cell-value-styling.png) \ No newline at end of file +![Flutter DataGrid cell value color](images/styles/flutter-datagrid-cell-value-styling.png) \ No newline at end of file