datatableRowSelectionRadioCheckbox - No records found

Pessoal, estou tentando fazer o exemplo do site abaixo :

http://www.primefaces.org/showcase/ui/datatableRowSelectionRadioCheckbox.jsf

porem os dados estao vindo No records found.

segue abaixo meu codigo :


Bean

public class TableBean  implements Serializable {
    
    private final static String[] colors;  
  
    private final static String[] manufacturers; 
    
    
    static {  
        colors = new String[10];  
        colors[0] = "Black";  
        colors[1] = "White";  
        colors[2] = "Green";  
        colors[3] = "Red";  
        colors[4] = "Blue";  
        colors[5] = "Orange";  
        colors[6] = "Silver";  
        colors[7] = "Yellow";  
        colors[8] = "Brown";  
        colors[9] = "Maroon";  
  
        manufacturers = new String[10];  
        manufacturers[0] = "Mercedes";  
        manufacturers[1] = "BMW";  
        manufacturers[2] = "Volvo";  
        manufacturers[3] = "Audi";  
        manufacturers[4] = "Renault";  
        manufacturers[5] = "Opel";  
        manufacturers[6] = "Volkswagen";  
        manufacturers[7] = "Chrysler";  
        manufacturers[8] = "Ferrari";  
        manufacturers[9] = "Ford";  
    }  
    
    private List<Car> cars;  
  
    private Car selectedCar;  
  
    private Car[] selectedCars;  
  
    private CarDataModel mediumCarsModel;     
    
    
@PostConstruct
public void init(){
/*    cars = new ArrayList<Car>();
    
    
cars.add(new Car("Clio",1,"Renault","preto"));
cars.add(new Car("Uno",2,"Fiat","Cinza"));
cars.add(new Car("Palio",3,"Fiat","Azul"));
cars.add(new Car("Clio",4,"Renault","preto"));
cars.add(new Car("Uno",5,"Fiat","Cinza"));
cars.add(new Car("Palio",6,"Fiat","Azul"));
cars.add(new Car("Clio",7,"Renault","preto"));
cars.add(new Car("Uno",8,"Fiat","Cinza"));
cars.add(new Car("Palio",9,"Fiat","Azul"));
cars.add(new Car("Clio",10,"Renault","preto"));
cars.add(new Car("Uno",11,"Fiat","Cinza"));
cars.add(new Car("Palio",12,"Fiat","Azul"));*/
    System.out.print("fsadfsadafsdasdf");
    
}    
    
    public TableBean() {  
        cars = new ArrayList<Car>();  
          
        populateRandomCars(cars, 50);  
  
        mediumCarsModel = new CarDataModel(cars);  
    }      
    
    
    
    
    
  public Car[] getSelectedCars() {  
        return selectedCars;  
    }  
    public void setSelectedCars(Car[] selectedCars) {  
        this.selectedCars = selectedCars;  
    }  
  
    public Car getSelectedCar() {  
        return selectedCar;  
    }  
  
    public void setSelectedCar(Car selectedCar) {  
        this.selectedCar = selectedCar;  
    }  
  
    private void populateRandomCars(List<Car> list, int size) {  
        for(int i = 0 ; i < size ; i++)  
            list.add(new Car(getRandomModel(), getRandomYear(), getRandomManufacturer(), getRandomColor()));  
    }  
  
    private int getRandomYear() {  
        return (int) (Math.random() * 50 + 1960);  
    }  
  
    private String getRandomColor() {  
        return colors[(int) (Math.random() * 10)];  
    }  
  
    private String getRandomManufacturer() {  
        return manufacturers[(int) (Math.random() * 10)];  
    }  
  
    private String getRandomModel() {  
        return UUID.randomUUID().toString().substring(0, 8);  
    }  
  
    public CarDataModel getMediumCarsModel() {  
        return mediumCarsModel;  
    }      
}
********************************

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
     <title>Datatable example</title>
        <script type="text/javascript">
            function clearCheckboxes()
            {
            procTable.toggleCheckAll();
           
            if(procTable.getSelectedRowsCount() > 0)
            {
                procTable.toggleCheckAll();
            }
            }
        </script>            
     
</h:head>
<h:body>
        <h:form id="form">  
            
            <p:dataTable id="multiCars" var="car" value="#{tableBean.mediumCarsModel}" paginator="true" rows="10"  
                           selection="#{tableBean.selectedCars}">  

                  <f:facet name="header">  
                      Checkbox Based Selection  
                  </f:facet>  

                  <p:column selectionMode="multiple" style="width:2%" />  

                  <p:column headerText="Model" style="width:25%">  
                      #{car.model}  
                  </p:column>  

                  <p:column headerText="Year" style="width:25%">  
                      #{car.year}  
                  </p:column>  

                  <p:column headerText="Manufacturer" style="width:24%">  
                      #{car.manufacturer}  
                  </p:column>  

                  <p:column headerText="Color" style="width:24%">  
                      #{car.color}  
                  </p:column>  

                  <f:facet name="footer">  
                      <p:commandButton id="multiViewButton" value="View" icon="ui-icon-search"  
                                       update=":form:displayMulti" oncomplete="multiCarDialog.show()"/>  
                  </f:facet>  
              </p:dataTable>  

              <p:dialog id="dialog" header="Car Detail" widgetVar="singleCarDialog" resizable="false"  
                        showEffect="fade" hideEffect="explode">  

                  <h:panelGrid id="displaySingle" columns="2" cellpadding="4">  

                      <f:facet name="header">  
                          <p:graphicImage value="/images/cars/#{tableBean.selectedCar.manufacturer}.jpg"/>  
                      </f:facet>  

                      <h:outputText value="Model:" />  
                      <h:outputText value="#{tableBean.selectedCar.model}" style="font-weight:bold"/>  

                      <h:outputText value="Year:" />  
                      <h:outputText value="#{tableBean.selectedCar.year}" style="font-weight:bold"/>  

                      <h:outputText value="Manufacturer:" />  
                      <h:outputText value="#{tableBean.selectedCar.manufacturer}" style="font-weight:bold"/>  

                      <h:outputText value="Color:" />  
                      <h:outputText value="#{tableBean.selectedCar.color}" style="font-weight:bold"/>  
                  </h:panelGrid>  
              </p:dialog>  

              <p:dialog id="multiDialog" header="Car Detail" widgetVar="multiCarDialog"  
                        height="300" showEffect="fade" hideEffect="explode">  

                  <p:dataList id="displayMulti" value="#{tableBean.selectedCars}" var="selectedCar">  
                      Model: #{selectedCar.model}, Year: #{selectedCar.year}  
                  </p:dataList>  

              </p:dialog>              



        </h:form>   


</h:body>
</html>