Grid paging problem with Image display ....

<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" arg0="./workqueueWin"?>
<zk>
	<window border="none" id="workqueueWin" apply="ctrl.WorkQueueController">
		<grid mold="paging" pageSize="20" id="workQueueGrid" model="@{workqueueWin$WorkQueueController.data}">
			<columns>
			</columns>
			<rows >
				<row self="@{each=person}">
					<toolbarbutton label="@{person.name}"/>
				</row>
			</rows>
		</grid>
		<grid >
			<rows>
				<row  forEach="${workqueueWin$WorkQueueController.data}" >
					<toolbarbutton label="${each.name}" />
				</row>
			</rows>
		</grid>
	</window>
</zk>

package ctrl;

import java.util.*;

import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.Page;
import org.zkoss.zk.ui.event.Event;
import org.zkoss.zk.ui.metainfo.ComponentInfo;
import org.zkoss.zk.ui.util.GenericForwardComposer;
import org.zkoss.zul.*;

public class WorkQueueController extends GenericForwardComposer {
	private Grid workQueueGrid;
	
	List<Person> data;

	@Override
	public ComponentInfo doBeforeCompose(Page page, Component parent,
			ComponentInfo compInfo) {
		initData();		
		return super.doBeforeCompose(page, parent, compInfo);
	}

	private void initData() {
		data = new ArrayList<Person>();
		
		data.add(new Person("Jimmy"));
		data.add(new Person("Katrina"));
	}
	
	public List<Person> getData(){
		return data;
	}
	
	public class Person{
		private String name;

		
		public Person(String name) {
			super();
			this.name = name;
		}

		public String getName() {
			return name;
		}
	}
}