While a lot of layout in a website can be done with your grids, you don’t want to necessarily use grids to display tabular data. Therefore, you want to use a table. Bootstrap has given us several CSS classes that we can use to easier layout our tables. For basic styling, you will only want…
In our previous tutorial, we looked at creating alternating table row colors (zebra striping) to make it easier to read a large spreadsheet. However, if you didn’t want to use one of the existing color schemes, you would be out of luck. So in this quick tutorial, I’m going to show you how to create…
I have recently decided to start adding some free online content for users to access. These online courses combine text, images, and video to cover a subject. I have just finished the first course, Building & Styling HTML Tables, and am releasing it in a “beta” format. I choose this topic, as it is one…
Tables are designed to show tabular data (information that makes sense to show in rows and columns). Here is a good example where we use tabular data, and thus it would make sense to show it in a table: A TV schedule. Here shows are organized by the channel they are on (usually in the…
