How can I create chat messages from Table view?


I'm wondering if anyone has done this. I have a table called messages, and it's used for employees and clients interactions. Instead of having a table with (date, message, sender) headers, I'd like to use CSS and convert them into chat messages that displays the same information.

I found this resource about the CSS code (, I just don't know how to use it with a table.

Please help :(

Thank you