Ir para conteúdo

POWERED BY:

Arquivado

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

Lisbao

Na Tabela, uma coluna fixa e as outras não

Por , em Desenvolvimento frontend

Recommended Posts

Lisbao    0

Lisbao
Postado

Boa Tarde a todos...

Eu tava querendo fazer o seguinte:

 

Imagem Postada

 

Nessa Tabela Eu quero fazer o seguinte deixa a coluna Cod_prod fixa enquanto as outras se movem e daí no final da Tabela eu posso ver o cod_prod e a última coluna, nesse exemplo eu cortei o final, mas a tabela tem 22 colunas.

 

Eu queria fazer que nem o excel faz.

 

Se alguém puder me ajudar eu agradeço muito...

 

um abraço....

Compartilhar este post

Link para o post
Compartilhar em outros sites

roberto182    0

roberto182
Postado

Boa Noite,

 

Cara, cria uma tabela só para os códigos, e outra para os outros campos.

Depois defina a tabela de códigos com margin-left:0px; position: fixed; float: left;

E na outra tabela defina como float:right; position:absolute;

E seja feliz =D

 

Segue exemplo:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>	<head>		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />		<title>Untitled Document</title>	</head>	<body>		<table border="1px" style="position:fixed; float:left;">			<tr>				<td>linha1</td>			</tr>			<tr>				<td>linha2</td>			</tr>			<tr>				<td>linha3</td>			</tr>			<tr>				<td>linha4</td>			</tr>			<tr>				<td>linha5</td>			</tr>		</table>		<table border="1px" style="position:absolute; float:right;">			<tr>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>			</tr>			<tr>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>			</tr>			<tr>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>			</tr>			<tr>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>			</tr>			<tr>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>			</tr>		</table>		</body></html>

Abrass,

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lisbao    0

Lisbao
Postado

Legal kra e eu já tinha pensado nisso... o negócio é que fica desforme a tabela... o código não acompanha pq o tamanho da tabela é bem grande....obrigado de qualquer jeito...

Boa Noite,Cara, cria uma tabela só para os códigos, e outra para os outros campos.Depois defina a tabela de códigos com margin-left:0px; position: fixed; float: left;E na outra tabela defina como float:right; position:absolute;E seja feliz =DSegue exemplo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>	<head>		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />		<title>Untitled Document</title>	</head>	<body>		<table border="1px" style="position:fixed; float:left;">			<tr>				<td>linha1</td>			</tr>			<tr>				<td>linha2</td>			</tr>			<tr>				<td>linha3</td>			</tr>			<tr>				<td>linha4</td>			</tr>			<tr>				<td>linha5</td>			</tr>		</table>		<table border="1px" style="position:absolute; float:right;">			<tr>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>			</tr>			<tr>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>			</tr>			<tr>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>			</tr>			<tr>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>			</tr>			<tr>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>				<td>coluna1</td>			</tr>		</table>		</body></html>
Abrass,

Compartilhar este post

Link para o post
Compartilhar em outros sites

inforsis    1

inforsis
Postado

Já tentou usar a proprieda overflow

Cria uma div para o campo dos códigos e uma outra div para os outros campos.

 

* {	margin:0px;}.codigo {	float:left;	height:100%;}.campos {	float:right;	width:auto;	height:100%;	overflow:auto;}
Exemplo on line Testado no IE

Qualquer coisa fuça o código. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Caso tenha dúvidas post novamente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Lisbao    0

Lisbao
Postado

O que eu queria mesmo que fosse igual ao excel...a primeira e a segunda respostas iriam ajudar se não fosse o dessaranjo na tabela....mas vlw pela ajuda pessoal.... coloquei na TD um titulo fazendo reerencia ao código do prod... mas se alguém ainda poder me ajudar nesse negócio eu agradeço... mto obrigado pelas respostas

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito