☰

» »

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		569692 (8062) mtosev
»

Prva juha elektronov pri sobni temperaturi

Oddelek: Novice / Znanost in tehnologija		94753 (3425) dexterboy
»

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

Oddelek: Novice / Zasebnost		226735 (5138) St235
»

Sentence building algorithm

Oddelek: Programiranje		5858 (687) noraguta
»

Prosim vas za oceno spletne strani

Oddelek: Izdelava spletišč		152808 (2432) rene

Več podobnih tem