From Valve Developer Community
Jump to navigation
Jump to search
|
|
| Line 1: |
Line 1: |
| {{Doc}} | | {{Doc}} |
| <includeonly><onlyinclude><!-- | | <includeonly><onlyinclude><table {{#if:{{{id|}}}|id="{{{id|}}}"|}} class="plainlinks {{{class|}}}" cellpadding="{{{cellpadding|4px}}}" {{#if:{{{cellspacing|}}}|cellspacing="{{{cellspacing}}}"}} style="{{#if:{{{width|}}}|width:{{{width}}};}} background:{{{bgcolor|#202020}}}; border:2px solid #525252; border-radius:{{{radius|6px}}}; {{#if:{{{font-size|}}}|font-size:{{{font-size}}};}} {{#if:{{{align|}}}|margin:{{#switch:{{{align}}}|center=auto|right=0 0 0 auto}};}} {{{style|}}}"> |
| | |
| -->{{#switch:{{{1|}}}| tr | th | td = | #default =
| |
| | |
| <table {{#if:{{{id|}}}|id="{{{id|}}}"|}} class="plainlinks {{{class|}}}" cellpadding="{{{cellpadding|4px}}}" {{#if:{{{cellspacing|}}}|cellspacing="{{{cellspacing}}}"}} style="{{#if:{{{width|}}}|width:{{{width}}};}} background:{{{bgcolor|#202020}}}; border:2px solid #525252; border-radius:{{{radius|6px}}}; {{#if:{{{font-size|}}}|font-size:{{{font-size}}};}} {{#if:{{{align|}}}|margin:{{#switch:{{{align}}}|center=auto|right=0 0 0 auto}};}} {{{style|}}}"> | |
|
| |
|
| {{#if:{{{caption|}}}|<caption style="{{#if:{{{caption indent|}}}|margin:{{{caption indent|}}};|}} {{#if:{{{caption indent:top|}}}|margin-top:{{{caption indent:top|}}};|}} {{#if:{{{caption indent:right|}}}|margin-rght:{{{caption indent:right|}}};|}} {{#if:{{{caption indent:bottom|}}}|margin-bottom:{{{caption indent:bottom|}}};|}} {{#if:{{{caption indent:left|}}}|margin-left:{{{caption indent:left|}}};|}}">{{{caption|}}}</caption>|}} | | {{#if:{{{caption|}}}|<caption style="{{#if:{{{caption indent|}}}|margin:{{{caption indent|}}};|}} {{#if:{{{caption indent:top|}}}|margin-top:{{{caption indent:top|}}};|}} {{#if:{{{caption indent:right|}}}|margin-rght:{{{caption indent:right|}}};|}} {{#if:{{{caption indent:bottom|}}}|margin-bottom:{{{caption indent:bottom|}}};|}} {{#if:{{{caption indent:left|}}}|margin-left:{{{caption indent:left|}}};|}}">{{{caption|}}}</caption>|}} |
| Line 10: |
Line 6: |
| {{{1|}}} | | {{{1|}}} |
|
| |
|
| </table>
| | </table>}}</onlyinclude></includeonly> |
| | |
| }}{{#switch:{{{1|}}}
| |
| | |
| | tr = <tr {{#if:{{{id|}}}|id="{{{id|}}}"|}} style="background-color:{{{bgcolor|#3A3A3A}}}; {{#switch:{{{sticky|}}}|true=box-shadow:0 2px 0 #262626; position:sticky; z-index:10; top:0;|}} {{{style|}}}">{{{2|}}}</tr>
| |
| | |
| | th = <th {{#if:{{{id|}}}|id="{{{id|}}}"|}} {{#if:{{{colspan|}}}|colspan="{{{colspan|}}}"|}} {{#if:{{{rowspan|}}}|rowspan="{{{rowspan|}}}"|}} style="{{#if:{{{width|}}}|width:{{{width|}}};|}} background-color:{{{bgcolor|#253B4E}}}; {{#if:{{{radius|}}}|border-radius:{{{radius|}}};|}} {{#if:{{{select|}}}|user-select:{{{select|}}};|}} {{#if:{{{align|}}}|text-align:{{{align|}}};|}} {{#if:{{{font-size|}}}|font-size:{{{font-size|}}};|}} color:{{{color|#FFF}}}; {{{style|}}}">{{{2|{{{text|}}}}}}</th>
| |
| | |
| | td = <td {{#if:{{{id|}}}|id="{{{id|}}}"|}} {{#if:{{{colspan|}}}|colspan="{{{colspan|}}}"|}} {{#if:{{{rowspan|}}}|rowspan="{{{rowspan|}}}"|}} style="{{#if:{{{width|}}}|width:{{{width|}}};|}} {{#if:{{{dark|}}}|background-color:#303030;|{{#if:{{{bgcolor|}}}|background-color:{{{bgcolor|#253B4E}}};|}}}} {{#if:{{{radius|}}}|border-radius:{{{radius|}}};|}} {{#if:{{{select|}}}|user-select:{{{select|}}};|}} {{#if:{{{align|}}}|text-align:{{{align|}}};|}} {{#if:{{{font-size|}}}|font-size:{{{font-size|}}};|}} {{#if:{{{color|}}}|color:{{{color|}}};|}} {{{style|}}}">{{{2|{{{text|}}}}}}</td>
| |
| | |
| }}</onlyinclude></includeonly> | |
Revision as of 07:38, 15 June 2023
Available doc translations
…
EnglishAdds a table, but actually adds a table.
Parameters and Examples
| Parameter
|
Description
|
Example
|
| {{{1}}} or {{{text}}}
|
Your text.
|
{{Table|text = Hello, World!}} |
Elements
|
| {{{caption}}}
|
Table caption.
|
{{Table|caption = Hello, World!}} |
Attributes
|
| {{{id}}}
|
Element ID. Useful for linking to a specific part of the page.
|
[[My Sweet Page#my_id|My sweet page]] |
| {{{class}}}
|
Custom HTML class.
|
{{Table|class = myClass}} |
| {{{style}}}
|
Custom CSS.
|
{{Table|style = background-image:linear-gradient(0deg, white, black)}} |
Style
|
| {{{caption indent}}}
|
Indentation of the caption from all sides.
|
{{Table|caption indent = 1em 2em 3em 4em}} |
| {{{caption indent:top}}}
|
Indentation of the caption at the top
|
{{Table|caption indent:top = 1em}} |
| {{{caption indent:right}}}
|
Indentation of the caption on the right.
|
{{Table|caption indent:right = 2em}} |
| {{{caption indent:bottom}}}
|
Indentation of the caption at the bottom.
|
{{Table|caption indent:bottom = 3em}} |
| {{{caption indent:left}}}
|
Indentation of the caption on the left.
|
{{Table|caption indent:left = 4em}} |
| {{{width}}}
|
The width of the cell.
|
|
| {{{bgcolor}}}
|
Background color.
|
{{Table|bgcolor = rgb(255 255 255)}} |
| {{{radius}}}
|
The radius of the cell border.
|
{{Table|radius = 8px 2px 4px 8px}} |
| {{{align}}}
|
Table alignment. Available values:
|
|
| {{{font-size}}}
|
Font size.
|
{{Table|font-size = 1.5em}} |
Ready-made table code
{{Table
| align = center
| caption = <span style="user-select:none"> [[File:ValveEmployee.png|link = Valve]] </span>
| caption indent:bottom = 1em
| {{tr
| {{th|radius=3px 0 0 0| Header 1 }}
{{th| Header 2 }}
{{th|radius=0 3px 0 0| Header 3 }}
}}
{{tr
| {{td| Cell 1 }}
{{td| Cell 2 }}
{{td|rowspan=2| Cell 3 }}
}}
{{tr
| {{td|colspan=2|bgcolor=#303030| Cell 4 }}
}}
{{tr
| {{td|radius=0 0 0 3px| Cell 6 }}
{{td|colspan=2|bgcolor=#303030|radius=0 0 3px 0| Cell 7 }}
}}
}}
| Header 1 |
Header 2 |
Header 3 |
| Cell 1 | Cell 2 |
Cell 3 |
| Cell 4 |
| Cell 6 |
Cell 7 |
}}
