Olá desenvolvedores, Com o JSF e JPA implementamos um pequeno cadastro e as principais operações. Neste tutorial vamos estilizar o dataTable que é o responsável por listar os registros dos dados cadastros, a partir de onde também podemos editar e excluir os registros.

Neste ponto da aplicação a tabela que implementamos se encontra um pouco “crua” sem nenhum elemento de estilização, o que a deixa pouco agradável para quem a vê. Vamos melhorar isso.

DEFININDO UM CABEÇALHO

Começaremos definindo um título ou um cabeçalho para a tabela que lista os dados. Assim, logo após a declaração do h:dataTable adicione o f:facet. O f:facet torna possível adicionar um componente aninhado em outro.

Utilizaremos o f:facet também para adicionar um cabeçalho em cada coluna, respectivamente id, nome, sobrenome, editar e remover. Repita o processo para cada uma das colunas.

SEPARANDO AS COLUNAS

Uma forma de separar bem as colunas de forma que seja possível compreender, e tornar melhor a visualização é adicionando uma borda e um espaço em h:dataTable.

<h:dataTable value=”{pessoaBean.pessoa}” var=”pessoa” border=”1” cellpadding=”5”>

EM POUCAS PALAVRAS

Com um pouco de domínio de CSS – Cascading Style Sheets, um mecanismo para adicionar estilos a um documento web é possível criar estilizações incríveis para as suas aplicações, seja utilizando JSF ou HTML puro. Recomendo que você se dedique a aprender um pouco de CSS e adquira, assim, o conhecimento necessário para criar páginas bonitas e agradáveis para o usuário.

Quando desenvolvemos uma aplicação é preciso pensar em quem irá interagir com ela, e desse modo pensar em usabilidade. A usabilidade é muito importante, e objetiva definir a facilidade com que as pessoas podem realizar uma tarefa específica seja com uma ferramenta ou um sistema.

Afinal, a dificuldade em usar uma ferramenta, pode ter graves consequências como o abandono do seu uso, aliás o que é muito comum quando falamos de programas de computadores. Então, atente-se a estes conceitos e crie aplicações que seus usuários irão gostar de usar e recomendar.