I just happened to have developed this table for an email we did.
http://smashcube.com/wp-content/uploads/2017/02/fluid-tables.html I altered it a bit to be 100% width so you can see the responsive nature in
it. You might be able to alter it a bit to suit your needs. The nice thing
about it is that if some content wraps in any given row, it doesn't throw
off the alignment in the other rows, the just move down to compensate. Hope
it helps. I threw in a red underline to show how you produce your
underlines. You could probably use the date and time columns as gutters
between your 3 main content columns, just give them a much smaller % width.
The other 3 columns could be set at 30% or so each. Take out the background
blue and change the font color the same for each row and you are good.
Change your overall width to 600px or what you want for your desktop
version, give that table a class, and then target that class for your media
queries to get this to be responsive on other devices.