Processing of Markdown table, markdown table

Processing of Markdown table, markdown table

The insert Table Code is as follows:

<Table class = "table-bordered table-striped table-condensed"> <tr> <td> Beijing </td> <td> smog </td> </tr> <tr> <td> Shenzhen </td> <td> rainstorm </td> </tr> </table>

It is found that a class attribute is added to the table. If only the table label is used, it does not work.

Table-bordered: border with rounded corners and vertical bars

Table-striped: The color of the parity row is different.

Table-condensed: Compressed line spacing

In addition to the above, there are other options:

1. If the header and content are different, you can replace <td> header content </td> with <th> header content </th>.

2. If the text in the table needs to be wrapped in a new line, you can add <br> after the content to be wrapped in the new line.

3. If there is code in the text, you can use: <code> code </code>.

4. If the table contains content that needs to be italic, you can use: <I> italic content </I>.

5. If there are cells that span rows or columns, you can use <th colspan = "Cross columns"> content </th> or rowspan.

6. To adjust the width of a column, use <th width = "width or percentage"> header content </th>.

The final effect is as follows:

Author: itmyhome