Você pode arrastar o componente Tabela de banco de dados padrão do JavaServer Faces da
Paleta para o Visual Designer a fim de criar uma tabela de dados, uma tabela
que você pode preencher com dados a partir de uma tabela de dados ou alguma
outra origem de informações de repetição para a qual o número de linhas não é conhecido por antecipação.
Este componente é uma implementação de referência JavaServer Faces que não usa temas. O componente Tabela na categoria Básico da Paleta não suporta temas e fornece outros recursos que melhoram o uso.
Se você deseja uma tabela que sirva como um elemento de layout HTML,
use o componente Painel de grade na categoria Layout da Paleta.
Uma Tabela de banco de dados inicialmente possui componentes Texto de saída em cada célula da tabela. Você pode modificar este tipo de componente se quiser.
As tabelas de dados são renderizadas como marcas <table> em HTML.
Depois de arrastar o componente para o Visual Designer, você pode:
Selecione qualquer elemento de texto, ou uma coluna, ou o elemento Tabela de dados. O componente Tabela de dados consiste em uma série de colunas que contêm componentes Texto de saída, como você vê de uma tabela de dados padrão e os componentes da tabela de dados na janela Navegador. Use os componentes OutputText para definir os dados exibidos em colunas e células individuais da tabela, e use a parte DataTable para especificar a aparência da tabela e vincular a tabela de dados inteira a um provedor de dados.
Na janela Navegador, o primeiro componente outputText em uma coluna é o cabeçalho da coluna, o segundo representa os dados da coluna, e se você adicionar rodapés de coluna na caixa de diálogo Layout da tabela de dados, existe um terceiro componente outputText que representa o rodapé.
Você pode vincular um componente Tabela de dados a um provedor de dados de um RowSet, soltando uma tabela de banco de dados no componente, como descrito em Vinculando dados a um componente Tabela de dados. Você também pode vincular a tabela de dados separadamente a um objeto ou provedor de dados, configurando a propriedade value, que é descrita abaixo.
Depois de vincular a tabela de dados, você pode clicar com o botão direito do mouse na borda externa do componente ou no nó dataTable na janela Navegador e escolher Layout da tabela pra criar a tabela, como descrito na Caixa de diálogo Layout da tabela de dados.
Selecionar o componente e arrastá-lo para outro local da página.
Selecione a parte Tabela de dados do componente e edite suas propriedades na janela Propriedades da Tabela de dados. Algumas propriedades típicas que você pode definir são:
id. O nome da tabela de dados. No arquivo JSP, este nome é o valor do atributo id. No bean de página, o valor desta propriedade é o nome do objeto HiddenField.
value. Tipo: Objeto
O objeto ou tabela de banco de dados que fornece valores para a tabela. Clicar no botão de reticências (...) abre uma caixa de diálogo que permite que você vincule a propriedade value para uma tabela de banco de dados ou a outro objeto. Os tipos de objetos aos quais este componente pode ser vinculado são:
RowSetDataModel, criado quando você solta uma tabela de banco de dados nesse componente
Qualquer instância de javax.faces.model.DataModel
Uma lista ou matriz de JavaBeans
Um único JavaBean, tratado como uma tabela de uma linha
borda. Tamanho das bordas da tabela em pixels.
cellpadding.Tipo: String O número de pixels a serem adicionados a todos os lados do conteúdo de cada célula.
cellspacing.Tipo: String O espaçamento entre as células em pixels.
rows. Tipo: int
O número de linhas exibido de cada vez na Tabela de dados. Se o número for zero, todas as linhas da tabela de banco de dados serão exibidas de uma vez. Este valor será atualizado automaticamente, se você usar a aba Preenchimento da caixa de diálogo Layout da tabela, e ativar a paginação.
Várias propriedades que especificam as classes de estilo CSS e estilos que podem ser aplicados às colunas da tabela, as linhas da tabela, o cabeçalho e o rodapé, e a tabela inteira.
Selecione as partes OutputText do componente e edite suas propriedade na janela Propriedades. do Texto de saída. Você pode vincular os componentes Texto de saída a uma tabela ou outro componente e definir seus valores dinamicamente. Você pode selecionar uma coluna na janela Navegador e vincular seus componentes Texto de saída separadamente de outras colunas na tabela. Cada coluna da tabela possui dois componentes Texto de saída,
um para o título e outro para todas as células na coluna,
cada um pode ser vinculado separadamente.