<?xml version="1.0" encoding="UTF-8"?>
<section>
    <sectioninfo>
        <keywordset>
            <keyword>scrollableDataTable</keyword>
        </keywordset>
    </sectioninfo>
    <section>
        <title>Description</title>
        <para>
		The <property>&lt;rich:scrollableDataTable&gt;</property> component is used for the table-like component creation.
		The component just adds the set of additional features described below in comparison with the standard table.
		</para>
		
		<figure>
		    <title>&lt;rich:scrollableDataTable&gt; component</title>
      <mediaobject> 
        <imageobject>
            <imagedata fileref="images/scrollable-dt1.png"/>
        </imageobject>
    </mediaobject>
    </figure>
		
    </section>	
    <section>
        <title>Key Features</title>
        <itemizedlist>
			<listitem>Highly customizable look and feel</listitem>
			<listitem>Variable content of the table cells</listitem>
			<listitem>Dynamically fetching the rows from the server when the table is scrolled up and down</listitem>
			<listitem>Resizing columns by mouse dragging the column bar</listitem>
			<listitem>Sorting column by clicking the header</listitem>
			<listitem>Fixed one or more left columns when table is scrolled horizontally</listitem>
			<listitem>One and multi-selection rows mode</listitem>
			<listitem>Built-it drag-n-drop support</listitem>
        </itemizedlist>
    </section>
</section>
