What to display for No Data state for a Table at the bottom of a form?
Which is the best way to treat no data states for table?
For context, this is a table that appears at the bottom of a form. Users can fill in the info, then add some records into the table.
download bmml source – Wireframes created with Balsamiq Mockups
VS
I'm at a cross roads with another designer. I'm more in favour of the latter bottom solution since it is simpler and cleaner and provides a way to help the user along.
My colleague is more preference for the former since it provides the sense that there's an empty table there so you should fill it. I think he's thinking affordance maybe? Or some sense of "Nature abhoring a vacuum" that the behaviour he is expecting is for users to want to fill this table?
What do you guys think? Open to any other solutions as well here.