moduleceylon.html1.3.3
Source Code
ceylon.html
classTable
extends Element
satisfies FlowCategory
OverviewPackageInitializerAttributesMethods
flowtables

The <table> element represents data with more than one dimension, in the form of a table.

Simple example:

Table {
    Tr {
        Td{"Superman"}, Td{"Clark Kent"}
    },
    Tr {
        Td{"Batman"}, Td{"Bruce Wayne"}
    }
};

<table>
    <tr>
        <td>Superman</td><td>Clark Kent</td>
    </tr>
    <tr>
        <td>Batman</td><td>Bruce Wayne</td>
    </tr>
</table>


Complex example:

Table { clazz="table-striped";
    Caption {"Super Heroes"},
    THead {
        Tr {
            Th{"#"}, Th{"Hero Name"}, Th{"Real Name"}
        }
    },
    TBody {
        superheroes.indexed.map((row) => 
            Tr {
                Td{row.key.string}, 
                Td{row.item.heroName}, 
                Td{row.item.realName}
            })
    }
};

<table class="table-striped">
    <caption>Super Heroes</caption>
    <thead>
        <tr>
            <th>#</th><th>Hero Name</th><th>Real Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td><td>Professor X</td><td>Charles Xavier</td>
        </tr>
        <tr>
            <td>2</td><td>Deadpool</td><td>Wade Wilson</td>
        </tr>
        <tr>
            <td>3</td><td>Mr. Fantastic</td><td>Reed Richards</td>
        </tr>         
    </tbody>
</table>

Technical details about this element can be found on the Official W3C reference.

no subtypes hierarchy

Initializer
Table(Attribute<String> id = null, Attribute<String> clazz = null, Attribute<String> accessKey = null, Attribute<Boolean> contentEditable = null, Attribute<String> contextMenu = null, Attribute<Direction> dir = null, Attribute<Boolean> draggable = null, Attribute<DropZone> dropZone = null, Attribute<Boolean> hidden = null, Attribute<String> lang = null, Attribute<Boolean> spellcheck = null, Attribute<String> style = null, Attribute<Integer> tabIndex = null, Attribute<String> title = null, Attribute<Boolean> translate = null, Attributes attributes = [], {Content<Caption|ColGroup|THead|TBody|TFoot|Tr>*} children = [])
Parameters:
  • id = null

    Attribute defines a unique identifier (ID) which must be unique in the whole document. Its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with CSS).

  • clazz = null

    Attribute defines a space-separated list of the classes of the element. Classes allows CSS and JavaScript to select and access specific elements via the class selectors.

  • accessKey = null

    Attribute provides a hint for generating a keyboard shortcut for the current element. This attribute consists of a space-separated list of characters. The browser should use the first one that exists on the computer keyboard layout.

  • contentEditable = null

    Attribute indicates if the element should be editable by the user. If so, the browser modifies its widget to allow editing.

  • contextMenu = null

    Attribute defines id of an menu element to use as the contextual menu for this element

  • dir = null

    Attribute indicates the directionality of the element's text.

  • draggable = null

    Attribute indicates whether the element can be dragged.

  • dropZone = null

    Attribute indicates what types of content can be dropped on an element.

  • hidden = null

    Attribute indicates that the element is not yet, or is no longer, relevant. For example, it can be used to hide elements of the page that can't be used until the login process has been completed. The browser won't render such elements. This attribute must not be used to hide content that could legitimately be shown.

  • lang = null

    Attribute specifies the primary language for the element's contents and for any of the element's attributes that contain text. Its value must be a valid BCP 47 language tag, or the empty string. Setting the attribute to the empty string indicates that the primary language is unknown.

  • spellcheck = null

    Attribute defines whether the element may be checked for spelling errors.

  • style = null

    Attribute contains CSS styling declarations to be applied to the element. Note that it is recommended for styles to be defined in a separate file or files.

  • tabIndex = null

    Attribute indicates if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position.

  • title = null

    Attribute contains a text representing advisory information related to the element it belongs to. Such information can typically, but not necessarily, be presented to the user as a tooltip.

  • translate = null

    Attribute that is used to specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged.

  • attributes = []

    The attributes associated with this element.

  • children = []

    The children of this element.

Attributes
childrenSource Codeshared actual {Content<Caption|ColGroup|THead|TBody|TFoot|Tr>*} children

The children of this element.

Refines Node.children
Inherited Attributes
Attributes inherited from: Element
accessKey, clazz, contentEditable, contextMenu, dir, draggable, dropZone, hidden, id, lang, spellcheck, style, tabIndex, tagName, title, translate
Attributes inherited from: Node
attributes, children, nodeName, string
Attributes inherited from: Object
hash, string
Inherited Methods
Methods inherited from: Object
equals()