Row style

[Fernando de Miguel]

Hi community.

Any ideas on how to implement this row style? I am concerned about the rounded border of both the header and the first and last visible column. Special attention to the column with automatic checkbox via the showCheckboxColumn parameter.

Thanks

[Abinesh Palanisamy]

Hi Fernando,

 

In SfDataGrid, all rows are laid out and arranged at the source level. Due to the inherent architecture of SfDataGrid, it is not possible to modify the shape of the rows to have rounded corners as you have requested. This limitation arises because the layout and arrangement of rows are managed at a fundamental level within the grid's structure, which does not support such modifications.

 

Therefore, the requirement to have rounded rows is not feasible within the current capabilities of SfDataGrid. If you have any other requirements or need further assistance, please feel free to share more details, and we will do our best to help you find a suitable solution.

Additionally, we have linked a Knowledge Base article that explains how to set rounded corners for the outer border of the Flutter DataGrid. You can adapt the code from that resource to fit your specific requirements.

KB - Set rounded corners

 

Furthermore, we have included a User Guide document that covers how to style the checkbox in Flutter DataTable.

UG - Checkbox column

Regards,

Abinesh P

[Belinda Alice]

This is a great question. I suspect the default Agario DataTable isn't flexible enough for this kind of row styling, especially with showCheckboxColumn. Has anyone achieved this without rebuilding the table from scratch?

[Gowtham Ravi]

Hi Belinda,

 

Thank you for your question. As mentioned in our previous response, Flutter SfDataGrid does not support applying rounded corners to individual rows. This is due to the inherent architecture of the DataGrid, where rows are laid out and rendered at the source level. Because the row layout is managed internally, modifying the shape of rows (including the header row or the first/last visible columns) is not currently supported.

 

However, if your requirement is related to the appearance of the checkbox column, you can customize the checkbox shape using the SfDataGrid.checkboxShape property.

 

For more information, please refer to the following documentation:

 

User Guide: Column in Flutter DataGrid | DataTable | Syncfusion

 

We understand that this may not fully meet your UI requirements and apologize for any inconvenience caused. If you have a specific design in mind, please share additional details, and we will be happy to suggest any available alternatives or workarounds.

 

Regards,

Gowtham R