Help:Wiki University Wikitext--Tables - Rows
Lessons
- HOME
- Introduction
- Headers
- Lists
- Nesting Lists
- Links
- Broken Links
- Comments
- Categories
- Image Embedding
- Image Tooltips & Borders
- Image Links
- Images & Text; Embedding PDF
- Snipping Tool & Paint
- Paragraphs
- Inline Styling
- Changing Fonts
- Font Colors
- Backgrounds
- Multi-attributes
- Font Bold-Italics
- Div Tag - Intro
- Borders
- Padding
- Margins
- Width and Height
- Alignment - Horizontal
- Tables
- Breadcrumb Trails
- Ref/Footnotes
- SEO
Intermediate
Advanced
Flexbox
Additional Helps
Row backgrounds
| |- |
If we are making changes to cells in a row, rather than putting code into each cell, we can put the coding in our row tags. Let's use our demonstration table again, this time without borders on the cells:
| Fruits | Vegetable | Nuts | Grains |
|---|---|---|---|
| Apples | Peas | Peanuts | Wheat |
| Pears | Carrots | Walnuts | Oats |
| Cherries | Corn | Cashews | Barley |
| Oranges | Beans | Almonds | Buckwheat |
Let's say we want to place a background color in the heading row, we simply add the background-color attribute to the row tag like so:
Our table will now look like this:
| Fruits | Vegetable | Nuts | Grains |
|---|---|---|---|
| Apples | Peas | Peanuts | Wheat |
| Pears | Carrots | Walnuts | Oats |
| Cherries | Corn | Cashews | Barley |
| Oranges | Beans | Almonds | Buckwheat |
Changing font-family in rows
- If you are going to change the font-family in all the cells in a row, install the code in the row tag. Here we will add it to the background attribute like so:
| Fruits | Vegetable | Nuts | Grains |
|---|---|---|---|
| Apples | Peas | Peanuts | Wheat |
| Pears | Carrots | Walnuts | Oats |
| Cherries | Corn | Cashews | Barley |
| Oranges | Beans | Almonds | Buckwheat |
Changing font-size in rows
- To change the font-size in a row, install the code in the row tag. Here we will add it to the above changes like so:
| Fruits | Vegetable | Nuts | Grains |
|---|---|---|---|
| Apples | Peas | Peanuts | Wheat |
| Pears | Carrots | Walnuts | Oats |
| Cherries | Corn | Cashews | Barley |
| Oranges | Beans | Almonds | Buckwheat |
Changing text color in rows
Lets change text color to darkblue with color attribute:
| Fruits | Vegetable | Nuts | Grains |
|---|---|---|---|
| Apples | Peas | Peanuts | Wheat |
| Pears | Carrots | Walnuts | Oats |
| Cherries | Corn | Cashews | Barley |
| Oranges | Beans | Almonds | Buckwheat |
Changing height of rows
If you want the row to be taller, you can add the height attribute:
| Fruits | Vegetable | Nuts | Grains |
|---|---|---|---|
| Apples | Peas | Peanuts | Wheat |
| Pears | Carrots | Walnuts | Oats |
| Cherries | Corn | Cashews | Barley |
| Oranges | Beans | Almonds | Buckwheat |
Attributes that DO NOT work in rows
These attributes DO NOT work in row tags and must be placed in each cell to function:
width:
border:
padding:
|
|
Coding in cells override coding in rows. Coding in rows override coding in the table tags. This is handy to know in case you want to change an individual cell instead of deleting the coding in the row tag and then having to put coding in each cell of the row. |
Changing columns
 | Well how about columns, you ask. Sorry, there is no easy way to do columns. You have to place the codes in each of the cells that make up a column. |
Try these out
- With our above table place a yellow border, "groove" style and 10 pixels thick.
- Make the table 700 pixels wide.
- Next place a blue border around the headers.
- Give the header cells a light blue background.
- Change the color of the font to white.
- You cannot change the font color in a row
- A. True
- B. False
- Background color cannot be placed in cells through coding in row
- A. True
- B. False
- You can change the font-family in the rows
- A. True
- B. False
