Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

gelöst Spaltenbreite an Spalte von anderen Tabelle anpassen

Mitglied: MTB4ever

MTB4ever (Level 1) - Jetzt verbinden

14.08.2008, aktualisiert 16.08.2008, 4741 Aufrufe, 4 Kommentare

Guten Tag also ich habe im Endeffekt folgendes vor.
Ich möchte eine Tabelle machen als festen Tabellenkopf und eine 2.Tabelle wo der Inhalt enthalten ist und wenn mehr Inhalt drinne ist, als auf den Bildschirm passt, soll ein Scrollblaken erscheinen , dass man den Inhalt hoch und runter scrollen kann ohne das der Tabellenkopf mit gescrollt wird.

Nun habe ich folgendes Problem ich lese den Inhalt aus einer Datenbank mit Hilfe von JSP(JAVA) dateien aus und wenn der Inhalt breiter ist als die Spalten vergrößert sich die Spalte automatisch (solange keine Leerzeichen enthalten sind, aber die sind auf jedenfall nicht da, da ich diese "verboten" habe) und da es ja 2 extra Tabellen sind verschiebt sich nur die eine Spalte von der unteren Tabelle und die obere bleibt gleich.

Nun zu meiner Frage:

Ist es möglich, dass ich eine Standartspaltenbreite für Beide festleg und wenn sich die Spaltenbreite von der unteren Tabelle ändert sich die Spaltenbreite von der oberen automatisch auch mit ändert ?

Mein Quelltext bis jetzt:


01.
 
02.
<table cellspacing="1" style="margin: 0px; width: 95%"> 
03.
	<colgroup> 
04.
		<col width="20%" /> 
05.
		<col width="20%" /> 
06.
		<col width="20%" /> 
07.
		<col width="20%" /> 
08.
		<col width="20%" /> 
09.
	</colgroup> 
10.
	<thead> 
11.
		<tr> 
12.
			<th>Name</th> 
13.
			<th>Inhalt vorher</th> 
14.
			<th><input type="checkbox" class="checkbox" name="Auswahl" 
15.
				value="Inhalt1" /></th> 
16.
			<th><input type="checkbox" class="checkbox" name="Auswahl" 
17.
				value="Inhalt2" /></th> 
18.
			<th><input type="checkbox" class="checkbox" name="Auswahl" 
19.
				value="Inhalt3" /></th> 
20.
 
21.
		</tr> 
22.
	</thead> 
23.
</table> 
24.
<div style="overflow: scroll; height: 380px"> 
25.
<table cellspacing="1" style="margin: 0px; width: 95%"> 
26.
	<colgroup> 
27.
		<col width="20%" /> 
28.
		<col width="20%" /> 
29.
		<col width="20%" /> 
30.
		<col width="20%" /> 
31.
		<col width="20%" /> 
32.
	</colgroup> 
33.
	<tbody> 
34.
	 
35.
		<tr> 
36.
			<td></td> 
37.
			<td></td> 
38.
			<td>Inhalt1</td> 
39.
			<td>Inhalt2</td> 
40.
			<td>Inhalt3</td> 
41.
		</tr> 
42.
		 
43.
				<tr> 
44.
			<td>Mustername1</td> 
45.
			<td></td> 
46.
			<c:forEach items="${InhaltCommand.name}" var="test"> 
47.
				<td><c:out value="${test.Werte1}" /></td> 
48.
			</c:forEach> 
49.
				</tr> 
50.
		 
51.
				<tr> 
52.
			<td>Mustername2</td> 
53.
			<td></td> 
54.
			<c:forEach items="${InhaltCommand.name}" var="test"> 
55.
				<td><c:out value="${test.Werte2}" /></td> 
56.
			</c:forEach> 
57.
				</tr> 
58.
		 
59.
				<tr> 
60.
			<td>Mustername3</td> 
61.
			<td></td> 
62.
			<c:forEach items="${InhaltCommand.name}" var="test"> 
63.
				<td><c:out value="${test.Werte3}" /></td> 
64.
			</c:forEach> 
65.
		   </tr> 
66.
	</tbody> 
67.
</table> 
68.
</div> 
69.
 
Mitglied: Fritzchen
14.08.2008 um 19:35 Uhr
Hallo MTB4ever.

Das Problem habe ich jetzt leider noch nicht so ganz richtig verstanden verstanden. Wie sieht den so eine mögliche Spaltenausgabe aus?

Tschau Fritzchen
Bitte warten ..
Mitglied: MTB4ever
15.08.2008 um 06:42 Uhr
Wenn der Inhalt mehr ist als die Spalte reinpasst vergrößert sich die Spalte automatisch und da es ja 2 extra Tabellen sind verschiebt sich nur die eine Spalte von der unteren Tabelle und die obere bleibt gleich.
Bitte warten ..
Mitglied: Fritzchen
15.08.2008 um 20:24 Uhr
Hallo MTB4ever.

Hm, vielleicht wenn du es über eine ID versuchst.
Hier mal ein Beispielungetestet)
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function gleichbreit(){
var y = document.getElementById("a").offsetWidth;
var z = document.getElementById("b").offsetWidth;

if(y < z)
{
document.getElementById("a").style.width = z-4;
}
}
//-->
</SCRIPT>
</head>
<body onload="gleichbreit()">
<table border="1">
<colgroup>
<col width="200">
</colgroup>
<tr><td id="a">Hansi</td></tr>
<tr><td id="a">Willi</td></tr>
<tr><td id="a">Manni</td></tr>

</table>
<hr>
<table border="1">
<colgroup>
<col width="300">
</colgroup>
<tr><td id="b">Hansi</td></tr>
<tr><td id="b">Willi</td></tr>
<tr><td id="b">Manni</td></tr>
</table>

Vielleicht hilft dir das ja schon mal etwas weiter.

Tschau Fritzchen
Bitte warten ..
Mitglied: Arano
16.08.2008 um 18:04 Uhr
Ich habs mal getestet, bzw mein Script nach der Inspiration von Fritzchen.

Aber erstmal:
SelfHTML - Übersicht der Universalattribute
ID - Ein dateiweit eindeutiger Bezeichnername für ein Element - wenn Sie Elemente damit auszeichnen, sollten Sie keinen id-Namen innerhalb einer HTML-Datei mehr als einmal vergeben.


Und hier mein Erzeugnis:
01.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
02.
   "http://www.w3.org/TR/html4/strict.dtd"> 
03.
<html> 
04.
  <head> 
05.
    <title>testseite</title> 
06.
    <script type="text/javascript"> 
07.
      <!-- 
08.
        function setTableWidth(){ 
09.
            var tab_2_col_1 = document.getElementById('tab_2_col_1').offsetWidth; 
10.
            var tab_2_col_2 = document.getElementById('tab_2_col_2').offsetWidth; 
11.
            var tab_2_col_3 = document.getElementById('tab_2_col_3').offsetWidth; 
12.
            document.getElementById('tab_1_col_1').style.width = tab_2_col_1+'px'; 
13.
            document.getElementById('tab_1_col_2').style.width = tab_2_col_2+'px'; 
14.
            document.getElementById('tab_1_col_3').style.width = tab_2_col_3+'px'; 
15.
16.
      --> 
17.
    </script> 
18.
  </head> 
19.
  <body onload="setTableWidth()"> 
20.
   
21.
    <table> 
22.
      <tr> 
23.
        <td id="tab_1_col_1">Spalte 1</td> 
24.
        <td id="tab_1_col_2">Spalte 2</td> 
25.
        <td id="tab_1_col_3">Spalte 3</td> 
26.
      </tr> 
27.
    </table> 
28.
     
29.
    <div style="height:100px; overflow:auto;"> 
30.
      <table> 
31.
        <tr> 
32.
          <td id="tab_2_col_1">asdasdasd</td> 
33.
          <td id="tab_2_col_2">asdasdasd</td> 
34.
          <td id="tab_2_col_3">asdasdasd</td> 
35.
        </tr> 
36.
        <tr> 
37.
          <td>asdasdasd</td> 
38.
          <td>asdasdasdasdasdasd</td> 
39.
          <td>asdasdasd</td> 
40.
        </tr> 
41.
        <tr> 
42.
          <td>asdasdasd</td> 
43.
          <td>asdasdasd</td> 
44.
          <td>asdasdasd</td> 
45.
        </tr> 
46.
        <tr> 
47.
          <td>asdasdasd</td> 
48.
          <td>asdasdasd</td> 
49.
          <td>asdasdasdasdasdasdasdasdasd</td> 
50.
        </tr> 
51.
        <tr> 
52.
          <td>asdasdasd</td> 
53.
          <td>asdasdasd</td> 
54.
          <td>asdasdasd</td> 
55.
        </tr> 
56.
        <tr> 
57.
          <td>asdasdasd</td> 
58.
          <td>asdasdasd</td> 
59.
          <td>asdasdasd</td> 
60.
        </tr> 
61.
        <tr> 
62.
          <td>asdasdasd</td> 
63.
          <td>asdasdasd</td> 
64.
          <td>asdasdasd</td> 
65.
        </tr> 
66.
        <tr> 
67.
          <td>asdasdasd</td> 
68.
          <td>asdasdasd</td> 
69.
          <td>asdasdasd</td> 
70.
        </tr> 
71.
        <tr> 
72.
          <td>asdasdasd</td> 
73.
          <td>asdasdasd</td> 
74.
          <td>asdasdasd</td> 
75.
        </tr> 
76.
      </table> 
77.
    </div> 
78.
     
79.
  </body> 
80.
</html>

Schönes Wochenende noch
~Arano

PS: Das ist übrigens eine super Idee !
Bitte warten ..
Ähnliche Inhalte
Datenbanken
Tabelle kennt neue Spalte nicht
gelöst Frage von it-froschDatenbanken5 Kommentare

Guten Abend, irgendwie stehe ich total auf dem Schlauch. Umgebung: MS SQL 2008 R2 Standard SQL Server Management Studio ...

Microsoft Office

Exscel Tabelle in Spalten Aufteilen.... VBA

Frage von thomas1972Microsoft Office2 Kommentare

Hallo, ich habe eine Excel Tabelle, welche ich als CSV Datei exportieren möchte. Soweit so gut, nur bekomme ich ...

Microsoft Office

Excel Makro zum Sortieren von Spalten an größeres Dokument Anpassen

gelöst Frage von RolforMicrosoft Office2 Kommentare

Hi, Ich habe leider nicht viel Erfahrung mit VB-Makros für Excel und habe zum Sortieren von Spalten in einem ...

Datenbanken

SQL: Inhalte aus einer Spalte mit den Inhalten aus mehreren Spalten einer zweiten Tabelle vergleichen

gelöst Frage von sqlbeginnerDatenbanken4 Kommentare

Guten Tag ich habe folgende Fragen Frage 1: Tabelle1 , Spalte A in dieser stehen Kürzel Tabelle2, Spalte A, ...

Neue Wissensbeiträge
Google Android

Googles "Android Enterprise Recommended" für Unternehmen

Information von kgborn vor 8 StundenGoogle Android3 Kommentare

Hier eine Information, die für Administratoren und Verantwortliche in Unternehmen, die für die Beschaffung und das Rollout von Android-Geräten ...

Sicherheit

Intel gibt neue Spectre V2-Microcode-Updates frei (20.02.2018)

Information von kgborn vor 9 StundenSicherheit

Intel hat zum 20. Februar 2018 weitere Microcode-Updates für OEMs freigegeben, um Systeme mit neueren Prozessoren gegen die Spectre ...

Microsoft
ARD-Doku - Das Microsoft Dilemma
Tipp von Knorkator vor 12 StundenMicrosoft3 Kommentare

Hallo zusammen, vor einigen Tagen lief in der ARD u.a. Reportage. Das Youtube Video dazu dürfte länger verfügbar sein. ...

Windows 10

Neue Sicherheitslücke in Windows 10 (Version 1709) durch Google öffentlich geworden

Information von kgborn vor 1 TagWindows 10

Vor ein paar Tagen haben Googles Sicherheitsforscher vom Projekt Zero eine Sicherheitslücke im Edge-Browser publiziert. Jetzt wurde eine weitere ...

Heiß diskutierte Inhalte
Windows Server
AD DS findet Domäne nicht, behebbar?
Frage von schapitzWindows Server40 Kommentare

Guten Tag, ich habe bei einem Kunden ein Problem mit den AD DS. Umgebung ist folgende: Windows Server 2016 ...

Router & Routing
LANCOM VPN CLIENT einrichten
Frage von Finchen961988Router & Routing27 Kommentare

Hallo, ich habe ein Problem und hoffe ihr könnt mir helfen, wir haben einen Kunden der hat einen Speedport ...

Router & Routing
ISC DHCP 2 Subnetze
gelöst Frage von janosch12Router & Routing19 Kommentare

Hallo, ich betreibe bei mir im Netzwerk einen ISC DHCP Server auf Debian, der DHCP verwaltet aktuell ein /24 ...

Switche und Hubs
Cisco SG350X-48 AdminIP in anderes VLAN
Frage von lcer00Switche und Hubs14 Kommentare

Hallo zusammen, ich habe ein Problem mir einem Cisco SG350X-48 bei der Erstinstallation wurde eine IP 192.168.0.254 (Default VLAN ...