This example demonstrates how to display a circle in a DataCell via CSS only
1) Define a custom CSS class;
2) Set its width and height styles to the same value;
3) Set the border-radius style to"50%" to define a circle element;
4) Define a div tag/container in GridViewDataColumn.DataItemTemplate and apply the defined CSS class to it.