We have built-in table style in the theme css file, as long as you insert a table in the article, No need to edit the table background color and border color , you can see it below.
be careful: Table style does not limit the number of columns and rows in the table!
However, do not set too many columns, or the adaptive effect of the mobile version will be affected.
In addition, we cannot see the table style when editing the table in the editor. Only the front end of the publication can see the final display effect.
Business classification | Level A | Level B | Level C | Business Introduction | More than 100000
|
I would like to invite you to dinner
| Price
| Price | Price | Have a good mood every day! | Buy Now |
Please eat meat | Price | Price | Price | I can afford pork every day! | Qq contact |
Introduce your girlfriend | Price | Price | Price | All handsome men have girlfriends | Buy Now |
I would like to invite you to dinner
| Price
| Price | Price | Have a good mood every day! | Buy Now |
Please eat meat | Price | Price | Price | I can afford pork every day! | Qq contact |
Introduce your girlfriend | Price | Price | Price | All handsome men have girlfriends | Buy Now |
The background color of the first row in the table is consistent with the color of the site navigation bar.
If you want to Customize the background color displayed in the first row
When editing a table, select the first row and right-click - Table - Cell Properties - Select Background Color - OK to save.
The customized effect is as follows:
Business classification | Level A | Level B | Level C | Business Introduction | More than 100000
|
I would like to invite you to dinner
| Price
| Price | Price | Have a good mood every day! | Buy Now |
Please eat meat | Price | Price | Price | I can afford pork every day! | Qq contact |
Introduce your girlfriend | Price | Price | Price | All handsome men have girlfriends | Buy Now |
On how to set table adaption, we select the table when editing the table, right click it, as shown in the figure below, and set the table attribute to table text adaption:
other, The text is centered, the top and bottom are centered, and the spacing does not need to be set , the theme's own css style is set.
How to set table text adaption?
As shown below:
![image.png]()
![image.png]()