Ask HN: Questions on building a app page

Hi all, im quite new to programming so pardon me if my question sounds elementary. I am trying to apply what Ive learnt to a simple dummy page with RoR and PGsql.

Im wondering if its possible to build something that looks similar to Google spreadsheet on a input page (i.e I can input from a web browser) which translates to a output page as compact lines or grids?

The input and output page formats are limited (I think from CSS Boostrap), ie. they appear as single line forms which cant be inputted on a side by side basis (i.e I have to input based on text boxes for all of one column, say all countries first, then the next.) Can't we do it both vertically and horizontally together? (Reason being its easier to input and check for the accuracy of the information).

Also good to have a auto calculation such as total population etc which refreshes.

So something like for example:

Country City Population(mm) Weather Remarks +add more categories US NYC 8.4 stormy Nil US CA 38.0 sunny

Any help is much appreciated! Thanks!