Hello,

I'm using the YUI DataTable in a Grails 1.1 project using the Grails UI plugin 1.0.2 (YUI being 2.6.1).

By default, the DataTable displays 2 paginators: one above and another one below the table. Looking up the YUI API documentation, I could see that I can pass an array of YUI containers as a config parameter but - what are the names of these containers?

I've tried loooking at the HTML of the page using Firebug. The ID of the divs containing the paginators are: yui-dt0-paginator0 (above) and yui-dt0-paginator1 (below). If I use them to configure the containers for the navigator, then the navigator is just not displayed at all. Here's the relevant extract of the GSP page containing the Datatable element.

    <div class="body">
        <h1>This is the List of Control Accounts</h1>
        <g:if test="${flash.message}">
        <div class="message">${flash.message}</div>
        </g:if>
		<div class="yui-skin-sam">
			<gui:dataTable
			controller="controlAccount" action="enhancedListDataTableJSON"
			columnDefs="[
				[key:'id', label:'ID'],
				[key:'col1', label:'Col 1', sortable: true, resizeable: true],
				[key:'col2', label:'Col 2', sortable: true, resizeable: true]
				]"
			sortedBy="col1"
			rowsPerPage="20"
			paginatorConfig="[
			template:'{PreviousPageLink} {PageLinks} {NextPageLink} {CurrentPageReport}',
			pageReportTemplate:'{totalRecords} total accounts',
			alwaysVisible:true,
			containers:'yui-dt0-paginator1'
			]"
			rowExpansion="true"
			/>
		</div>
    </div>

Any help?

Thanks!

Rollo