Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

pazzini

Como impedir quebras de linha em tabelas?

Recommended Posts

Boa tarde,

Como faço para não haver quebras de linhas nas tabelas, nem barras de rolagem na página?

Utilizando o white-space:nowrap; ele impede a quebra de linha, porem expande a coluna até caber todo o texto, eu gostaria que quando o texto fosse maior que a largura da coluna, fosse exibido apenas o que cabe na coluna, o restante ficaria oculto, como ocorre no excel.

Será que alguém pode me ajudar com isso?

Obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Era exatamente isso, muito obrigado!

Como estou começando a mexer com css agora, vou postar meu código para estilizar as tabelas da minha aplicação. As cores ainda vou mudar, mas basicamente ele exibe os dados do banco em uma tabela pintando linha sim linha não.

table{
	color: blue;
	border: 10pt; /*não funciona*/
	border-color:red;

	width: 100%;
	height: 100%;
}

table th {
	background: orange;
	text-align: center;
	color:green;
}

/*efeito zebrado na tabela (linha sim, linha não) com as cores definidas para as tags TR*/
table tr:nth-child(even) {
			background: #FFFFCC;
			color:red;
			font-family: arial;
			font-size: 10pt;
			text-align: left;
}

table tr:nth-child(odd) {
			background: #EEEEEE;
			color:red;
			font-family: arial;
			font-size: 10pt;
			text-align: left;
}
/*fim da criação do efeito zebrado*/

table td {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:1px;
}

Acho que a linha text-overflow:ellipsis; não está fazendo nada, pois quando estava digitando o código não apareceu o ellipsis no auto completar. Estou utilizando o Notepad++ para fazer o CSS.

Todas as dicas e criticas são bem vindas, pois estou aprendo isso agora e gostaria de começar da maneira certa.

Att.,

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.