Description

Powered by the YUI Datatable widget, Datatable component provides several features like client side paging, sorting, resizeable columns, scrolling and etc.

Screen Shot

API

component-family net.sf.yui4jsf
renderer-type net.sf.yui4jsf.component.DatatableRenderer
component-class net.sf.yui4jsf.component.datatable.Datatable
renderer-class net.sf.yui4jsf.component.datatable.DatatableRenderer
tag-class net.sf.yui4jsf.component.datatable.DatatableTag

Usage

<yui:datatable var="car"
		value="EL Reference to a backing bean collection"
		rows="10"
		first="20"
		paginator="{true|false}"
		tableClass="CSS class"
		headerClass="CSS class"
		rowClasses="CSS class"
		scrollable="{true|false}">
</yui:datatable>

Attributes

<yui:datatable>

Standard UIData Attributes - id, rendered, binding, var, value, first, rows
tableClass - CSS class to be applied to the root table element
headerClass - CSS class to be applied in thead element of datatable
rowClasses - CSS classes for odd and even numbered tr elements
paginator - Boolean flag to show the paginator of the built-in pager, default value is false
scrollable - When specified as true, header is fixed and rows become scrollable
height - Width of the datatable
height - Height of the datatable

Instructions

see datatable*.jsp for examples

Upcoming Features

- Inline editing
- Context menu integration
- Pager Styling

Additional Information

Width and Height attributes

- In favor of scroll feature, use these attributes instead of setting them in css. Also height attribute is only effective in scrollable tables.