I have the the following [![following](https://i.stack.imgur.com/NCFH4.png)](https://i.stack.imgur.com/NCFH4.png) table structure, but I want to change it to this[![this](https://i.stack.imgur.com/7FYXI.png)](https://i.stack.imgur.com/7FYXI.png) table structure. 

I have looked at posts on SO and other places but have not been able to find a solution. Is this possible using css? [This](https://stackoverflow.com/questions/24757695/html-table-change-the-width-of-a-single-cell-in-a-column) SO posts is the closest I have found but it still does not work as needed.

Can someone please guide me on how to approach this?