Is it possible to center tables in a markdown file?

后端 未结 4 628
萌比男神i
萌比男神i 2021-01-03 18:07

I have a table:

    | This | Is | A | Table |
    | :--- | -- | - | ----: |
    | foo  | ba | r | elbaT |

I\'d like the table to display in

相关标签:
4条回答
  • 2021-01-03 18:42

    If you use the standard documentation, use the <center> tag like so.

    Blueprint

    FORMAT: 1A
    HOST: http://www.google.com
    
    # Tables
    Notes API is a *short texts saving* service similar to its physical paper presence on your table.
    
    <center>
    
    | Tables   |      Are      |  Cool |
    |----------|:-------------:|------:|
    | col 1 is |  left-aligned | $1600 |
    | col 2 is |    centered   |   $12 |
    | col 3 is | right-aligned |    $1 |
    
    </center>
    
    # Group Notes
    
    (...)
    

    Preview


    If you use the ‘New Documentation’, it's not possible to center a table (since the table takes a full width of the column).

    Preview

    0 讨论(0)
  • 2021-01-03 18:42

    My solution detailed by Gaffney in an Apiary.io issue comment.

    Basically I add custom stylesheets and scripts within apiary.apib HTML blocks to style the page with HTML instead of headwalling that a Markdown dialect isn't CSS.

    Also "How to Center Anything in CSS".

    0 讨论(0)
  • 2021-01-03 18:54

    It is simple. As you know the "|-|" is used for indicate the table and ":" is used for indicate the text alignment. If |:-| entered that is a right aligned text column. If |-:| entered that is a left aligned text and if |:-:| entered that is a centre aligned.

    0 讨论(0)
  • 2021-01-03 19:05

    Yes. You can have GFM tables in API Blueprint – check http://docs.tables.apiary.io for rendered version of the blueprint source bellow.

    FORMAT: 1A
    
    # Tables API 
    Note: Tables can be handcrafted or generated at <http://www.tablesgenerator.com/markdown_tables>.
    
    ## Table 1
    **Discussion option 1**
    
    | Tables   |      Are      |  Cool |
    |----------|:-------------:|------:|
    | col 1 is |  left-aligned | $1600 |
    | col 2 is |    centered   |   $12 |
    | col 3 is | right-aligned |    $1 |
    
    # Message [/pages]
    ## Create a Message [POST]
    
    ### Table 2
    **Discussion option 2**
    
    | Tables   |      Are      |  Cool |
    |----------|:-------------:|------:|
    | col 1 is |  left-aligned | $1600 |
    | col 2 is |    centered   |   $12 |
    | col 3 is | right-aligned |    $1 |
    
    + Request (application/json)
    
        ## Table 3
        **Discussion option 3**
    
        | Tables   |      Are      |  Cool |
        |----------|:-------------:|------:|
        | col 1 is |  left-aligned | $1600 |
        | col 2 is |    centered   |   $12 |
        | col 3 is | right-aligned |    $1 |
    
        + Headers
    
                Authorization:Bearer tokenString
    
        + Body
    
                { ... }
    
    + Response 201
    
    0 讨论(0)
提交回复
热议问题