What's the best control for displaying a grid like array of items?

Hello to all, I'm new to Syncfusion and I'm trying to decide what's the best control to display a grid like array of items. In my case I want to display something like a 40x7 array of items, possibly graphically split vertically into three groups and horizontally into two but that's not a priority and use colors to denote different availability.

Since I'm new I feel lost and I don't really know where to start from and I'd gladly accept any help from you. Thanks.


1 Reply

IR Indumathi Ravi Syncfusion Team July 14, 2022 01:01 PM UTC

Hi Nicholas,


Thank you for contacting Syncfusion support.


Syncfusion have two components matching your requirement to denote different colors to a set of data. First, we have TreeMap component which renders a grid like structure which renders the rectangle items based on the weight value provided in the data source. To know more about the TreeMap component, please refer the samples and documentation from the below links.


Samples: https://blazor.syncfusion.com/demos/treemap/default-functionalities?theme=fluent

UG: https://blazor.syncfusion.com/documentation/treemap/getting-started


Second, we have HeatMap component which provides a graphical representation of two-dimensional data where the values are represented with gradient or solid color variations. To know more about the HeatMap component, please refer the samples and documentation from the below links.


Sample: https://blazor.syncfusion.com/demos/heatmap-chart/default-functionalities

UG: https://blazor.syncfusion.com/documentation/heatmap-chart/getting-started


If you are searching to display a record of data in a grid link structure, you can use Grid component. Please find the samples and documentation from the below links.


Sample: https://blazor.syncfusion.com/demos/datagrid/overview?theme=fluent

UG: https://blazor.syncfusion.com/documentation/datagrid/getting-started


Please let us know if you need any further assistance.


Regards,

Indumathi R.


Loader.
Up arrow icon