Table

Table of Contents

Markup Tutorial

Interfacing with Java™

Web Services

List

Tree

Table

A table is represented by the table element type.

The following example shows how to embed item data directly inside a table element. A table can also get its data from a separate model. See Model-View-Controller Pattern.

<?xml version="1.0"?>
<resource xmlns="http://www.enode.com/xalt">
    <frame title="RGB Color Values" visible="true">
        <scrollPane preferredSize="240 180">
            <table>
                <columnHeader>
                    <column title="Color"/>
                    <column title="Red"/>
                    <column title="Green"/>
                    <column title="Blue"/>
                </columnHeader>
                <row>
                    <item title="black"/>
                    <item title="00"/>
                    <item title="00"/>
                    <item title="00"/>
                </row>
                <row>
                    <item title="blue"/>
                    <item title="00"/>
                    <item title="00"/>
                    <item title="FF"/>
                </row>
                <row>
                    <item title="cyan"/>
                    <item title="00"/>
                    <item title="FF"/>
                    <item title="FF"/>
                </row>
                <row>
                    <item title="darkGray"/>
                    <item title="40"/>
                    <item title="40"/>
                    <item title="40"/>
                </row>
                <row>
                    <item title="gray"/>
                    <item title="80"/>
                    <item title="80"/>
                    <item title="80"/>
                </row>
                <row>
                    <item title="green"/>
                    <item title="00"/>
                    <item title="FF"/>
                    <item title="00"/>
                </row>
                <row>
                    <item title="lighGray"/>
                    <item title="C0"/>
                    <item title="C0"/>
                    <item title="C0"/>
                </row>
                <row>
                    <item title="magenta"/>
                    <item title="FF"/>
                    <item title="00"/>
                    <item title="FF"/>
                </row>
                <row>
                    <item title="orange"/>
                    <item title="FF"/>
                    <item title="C8"/>
                    <item title="00"/>
                </row>
                <row>
                    <item title="pink"/>
                    <item title="FF"/>
                    <item title="AF"/>
                    <item title="AF"/>
                </row>
                <row>
                    <item title="red"/>
                    <item title="FF"/>
                    <item title="00"/>
                    <item title="00"/>
                </row>
                <row>
                    <item title="white"/>
                    <item title="FF"/>
                    <item title="FF"/>
                    <item title="FF"/>
                </row>
                <row>
                    <item title="yellow"/>
                    <item title="FF"/>
                    <item title="FF"/>
                    <item title="00"/>
                </row>
            </table>
        </scrollPane>
    </frame>
</resource>

Make this object in eNode Sandbox. The result should be similar to the following:

Locking the First Column

If you add the attribute firstColumnLocked="true" to the table element, the result should be similar to the following:

Advanced Table Features