<?xml version="1.0" encoding="utf-8"?>
<vbox width="100%" height="100%" style="padding: 5px;">
    <style>
        .tableview2 {

            padding: 0px;
            ___clip: true;
        }

        .tableview2 .tableview-contents {
            padding: 0px;
        }

        .tableview2 .tableview-data {
            background-color: #DDDDDD;
            padding-bottom: 2px;
        }

        .column {
            width: auto;
            height: auto;
        }

        .header {
            width: auto;
        }


.tableview2 .even {
    background-color: #FFFFFF;
}

.tableview2 .odd {
    background-color: #F8F8F8;
}

.tableview2 .even:hover {
    __background-color: #F0F0F0;
}

.tableview2 .odd {
    __background-color: #F8F8F8;
}

.tableview2 .odd:hover {
    __background-color: #F0F0F0;
}

.tableview2 .itemrenderer:selected {
    __background-color: #CCCCCC;
}

.tableview2 .itemrenderer {
    padding: 5px;
    __border: 1px solid black;
}

    </style>

    <tableview2 width="500" height="300">
        <header id="header" width="100%">
            <column text="" width="30" id="colA" />
            <column text="Column B" width="85" id="colB" />
            <column text="Column C" width="200" id="colC" />
            <column text="Column D" width="85" id="colD" />
            <column text="Column E" width="100%" id="colE" />
        </header>

        <itemrenderer>
            <checkbox id="colA" verticalAlign="center" />
        </itemrenderer>
        <itemrenderer>
            <label id="colB" verticalAlign="center" />
        </itemrenderer>
        <itemrenderer width="100%">
            <progress id="colC" width="100%" verticalAlign="center" />
        </itemrenderer>
        <itemrenderer width="100%">
            <button id="colD" verticalAlign="center" />
        </itemrenderer>

        <data>
            <item colA="true" colB="Value 1B" colC="33" colD="Value 1D" colE="Value 1E" />
            <item colA="false" colB="Value 2B" colC="82" colD="Value 2D" colE="Value 2E" />
            <item colA="true" colB="Value 3B" colC="41" colD="Value 3D" colE="Value 3E" />
            <item colA="true" colB="Value 4B" colC="57" colD="Value 4D" colE="Value 4E" />
            <item colA="true" colB="Value 5B" colC="67" colD="Value 5D" colE="Value 5E" />
            <item colA="false" colB="Value 6B" colC="22" colD="Value 6D" colE="Value 6E" />
            <item colA="false" colB="Value 7B" colC="11" colD="Value 7D" colE="Value 7E" />
            <item colA="true" colB="Value 8B" colC="14" colD="Value 8D" colE="Value 8E" />
            <item colA="true" colB="Value 9B" colC="77" colD="Value 9D" colE="Value 9E" />
            <item colA="false" colB="Value 10B" colC="49" colD="Value 10D" colE="Value 10E" />
            <item colA="false" colB="Value 11B" colC="20" colD="Value 11D" colE="Value 11E" />

            <!--
            <item colA="Value 12A" colB="Value 12B" colC="Value 12C" colD="Value 12D" />
            <item colA="Value 13A" colB="Value 13B" colC="Value 13C" colD="Value 13D" />
            <item colA="Value 14A" colB="Value 14B" colC="Value 14C" colD="Value 14D" />
            <item colA="Value 15A" colB="Value 15B" colC="Value 15C" colD="Value 15D" />
            <item colA="Value 16A" colB="Value 16B" colC="Value 16C" colD="Value 16D" />
            <item colA="Value 17A" colB="Value 17B" colC="Value 17C" colD="Value 17D" />
            <item colA="Value 18A" colB="Value 18B" colC="Value 18C" colD="Value 18D" />
            <item colA="Value 19A" colB="Value 19B" colC="Value 19C" colD="Value 19D" />
            <item colA="Value 20A" colB="Value 20B" colC="Value 20C" colD="Value 20D" />
                -->
        </data>
    </tableview2>

</vbox>