Hi Junyi Cheong,
Thanks for contacting Syncfusion support,
We have analyzed your query and according to your requirement, we have created a sample for providing chat messages with the username in grid view. We can achieve by giving the chat messages and username data in JavaScript Array format.
|
export const chatData: Object[] =[
{
"UserName": "James",
"Message": "Hey there! What'sup"
},
{
"UserName": "Lily",
"Message": "Checking out iOS7!"
},
{
"UserName": "James",
"Message": "Check out this bubble"
},
{
"UserName": "Lily",
"Message": "It's pretty cool"
},
{
"UserName": "James",
"Message": "Yea its pure HTML and CSS"
}] |
The grid accepts data in JavaScript Array format, so by providing the necessary user names and chat messages, it can be achieved in the grid view. In the below sample, the message and username are given in the Array format. By this, the data is rendered in the grid, in chat wise manner.
Please refer to the following Help documentation links to get more info.
Regards,
Sundararaman. K
