Concerning different colors for different cells of the tables, both <th> tags (table headers) and <td> tags (table cells) can have their own ids and classes. Simply give them an ID or class that is appropriate to your project, and then set the colors in CSS, as in the following example:
(I chose the example colors pretty much at random, you might want to be a little more careful in choosing the particular colors.)
As far as the columns being visible, that is mostly up the dimension of the particular device you're using, as well as how your program is set up to react to orientation changes.
What happens when you rotate to a landscape view (Where the screen is wider than it is high)? Do you see more of the table?