» »

Skrivanje tbody tabele (IE)

Skrivanje tbody tabele (IE)

MarkookraM ::

V bistvu hočem imeti tabelo s plavajočo glavo. Torej ko uporabnik scrola navzdol, glava tabele sledi vrhu strani. To ni problem pri tabelah, ki imajo fiksno definirane širine stolpcev, ko pa imaš tabelo, kjer se širina stolpcev določi s vsebino ne znam odrezati glave brez da bi izgubil širine stolpcev.

To je problem samo pri IE. Ostali browserji lepo skrijejo tbody. Izgleda takole:


Kakšne ideje ali morda kakšen drug način plavajoče glave pri tabelah brez definiranih širin stolpcev?

<html>
<head>
<style type="text/css">

	table 
	{
		border-collapse: collapse;
	}
	
	tbody td
	{
		line-height: 0px;
		visibility:  hidden;
	}
	
</style>

</head>
<body>

		<table id="table_test"
			   border="0" cellpadding="0" cellspacing="0"
			   style="background-color: red;">
			<thead>
				<tr>
					<th>column1</th>
					<th>column2</th>
					<th>column3</th>
					<th>column4</th>
					<th>column5</th>
					<th>column6</th>
					<th>column7</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>jaz sem pa daljsi tekst jaz sem pa daljsi tekst jaz sem pa daljsi tekst</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
				<tr>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>nekaj</td>
					<td>pac</td>
					<td>mora</td>
					<td>mora</td>
				</tr>
			</tbody>
		</table>

</body>
</html>


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Koliko cca zapravite za spletne nakupe (strani: 1 2 )

Oddelek: Loža
569780 (8150) mtosev
»

Prva juha elektronov pri sobni temperaturi

Oddelek: Novice / Znanost in tehnologija
94781 (3453) dexterboy
»

Google priznal kršitev zasebnosti v Street Viewu, sprejel kazen in pokoro

Oddelek: Novice / Zasebnost
226774 (5177) St235
»

Sentence building algorithm

Oddelek: Programiranje
5868 (697) noraguta
»

Prosim vas za oceno spletne strani

Oddelek: Izdelava spletišč
152817 (2441) rene

Več podobnih tem