Als «html-table» getaggte Fragen

In Bezug auf HTML werden Tabellen verwendet, um Daten tabellarisch anzuzeigen. Fragen zu HTML-Tabellen sollten gestellt werden, indem der Quellcode angezeigt wird, mit dem ein Problem vorliegt. Wenn es sich bei der Frage um einen fehlgeschlagenen Versuch handelt, eine Tabelle gemäß den Wünschen zu erstellen, muss der Fragesteller den fehlgeschlagenen Versuch anzeigen, die Erwartungen beschreiben und wie das Verhalten anders war.

7
CSS-Tabellenzelle gleich breit
Ich habe eine unbestimmte Anzahl von Tabellenzellenelementen in einem Tabellencontainer. <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> Gibt es eine reine CSS-Methode, um die Tabellenzellen gleich breit zu machen, selbst wenn sie unterschiedlich große Inhalte enthalten? Vielen Dank. Bearbeiten: Eine maximale Breite würde bedeuten, zu wissen, wie viele Zellen Sie …
147 html  css  html-table 

9
Spalte in einer HTML-Tabelle ein- / ausblenden
Ich habe eine HTML-Tabelle mit mehreren Spalten und muss eine Spaltenauswahl mit jquery implementieren. Wenn ein Benutzer auf ein Kontrollkästchen klickt, möchte ich die entsprechende Spalte in der Tabelle ausblenden / einblenden. Ich möchte dies tun, ohne jedem td in der Tabelle eine Klasse zuzuordnen. Gibt es eine Möglichkeit, eine …
146 jquery  html  hide  html-table  show 

9
Wie kann der Inhalt von Tabellenzellen <td> umbrochen werden?
Hier ist die gesamte Seite * wrappable in einer main.css-Datei definiert /* Wrappable cell * Add this class to make sure the text in a cell will wrap. * By default, data_table tds do not wrap. */ td.wrappable, table.data_table td.wrappable { white-space: normal; } Hier ist die ganze Seite: &lt;%@ …
146 html  css  html-table 


9
Ist ein DIV in einem TD eine schlechte Idee?
Es scheint, als hätte ich irgendwo gehört / gelesen, dass ein &lt;div&gt;Inneres von a &lt;td&gt;ein Nein-Nein war. Nicht, dass es nicht funktionieren würde, nur etwas daran, dass sie aufgrund ihres Anzeigetyps nicht wirklich kompatibel sind. Ich kann keine Beweise finden, die meine Vermutung stützen, daher kann ich mich völlig irren.


6
So entfernen Sie Ränder vollständig aus der HTML-Tabelle
Mein Ziel ist es, eine HTML-Seite zu erstellen, die einem "Fotorahmen" ähnelt. Mit anderen Worten, ich möchte eine leere Seite erstellen, die von 4 Bildern umgeben ist. Das ist mein Code: &lt;table&gt; &lt;tr&gt; &lt;td class="bTop" colspan="3"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="bLeft"&gt; &lt;/td&gt; &lt;td class="middle"&gt; &lt;/td&gt; &lt;td class="bRight"&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; …


14
Zeilenumbruch in <td> -Tag
Ich möchte Text umbrechen, der einem &lt;td&gt;Element hinzugefügt wird . Ich habe es mit versucht style="word-wrap: break-word;" width="15%". Der Text wird jedoch nicht umbrochen. Muss es 100% breit sein? Ich muss andere Steuerelemente anzeigen, sodass nur 15% Breite verfügbar sind.

6
100% Breite Tabelle überfüllt div Container
Ich habe Probleme mit einer HTML-Tabelle, deren übergeordneter Container überfüllt ist. .page { width: 280px; border:solid 1px blue; } .my-table { word-wrap: break-word; } .my-table td { border:solid 1px #333; } &lt;div class="page"&gt; &lt;table class="my-table"&gt; &lt;tr&gt; &lt;th&gt;Header Text&lt;/th&gt; &lt;th&gt;Col 1&lt;/th&gt; &lt;th&gt;Col 2&lt;/th&gt; &lt;th&gt;Col 3&lt;/th&gt; &lt;th&gt;Col 4&lt;/th&gt; &lt;th&gt;Header Text&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; …
136 html  css  html-table 

9
So fügen Sie eine Zeile in einen HTML-Tabellenkörper in JavaScript ein
Ich habe eine HTML-Tabelle mit einer Kopf- und Fußzeile: &lt;table id="myTable"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;My Header&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;aaaaa&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;tfoot&gt; &lt;tr&gt; &lt;td&gt;My footer&lt;/td&gt; &lt;/tr&gt; &lt;tfoot&gt; &lt;/table&gt; Ich versuche, eine Zeile hinzuzufügen tbody mit folgendem : myTable.insertRow(myTable.rows.length - 1); Die Zeile wird jedoch im tfootAbschnitt hinzugefügt . Wie …





Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.