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.

30
Fügen Sie eine Tabellenzeile in jQuery hinzu
Was ist die beste Methode in jQuery, um einer Tabelle als letzte Zeile eine zusätzliche Zeile hinzuzufügen? Ist das akzeptabel? $('#myTable').append('<tr><td>my data</td><td>more data</td></tr>'); Gibt es Einschränkungen für das, was Sie einer solchen Tabelle hinzufügen können (z. B. Eingaben, Auswahlen, Anzahl der Zeilen)?
21
Zeilenumbruch in eine HTML-Tabelle
Ich habe verwendet word-wrap: break-word, um Text in divs und spans zu verpacken . In Tabellenzellen scheint es jedoch nicht zu funktionieren. Ich habe eine Tabelle width:100%mit einer Zeile und zwei Spalten. Text in Spalten word-wrapwird nicht umgebrochen , obwohl er wie oben beschrieben gestaltet ist . Dadurch überschreitet der …
566 html  css  html-table 
19
Wie richte ich eine feste Breite für <td> ein?
Einfaches Schema: &lt;tr class="something"&gt; &lt;td&gt;A&lt;/td&gt; &lt;td&gt;B&lt;/td&gt; &lt;td&gt;C&lt;/td&gt; &lt;td&gt;D&lt;/td&gt; &lt;/tr&gt; Ich muss eine feste Breite für einrichten &lt;td&gt;. Ich habe es versucht: tr.something { td { width: 90px; } } Ebenfalls td.something { width: 90px; } zum &lt;td class="something"&gt;B&lt;/td&gt; Und selbst &lt;td style="width: 90px;"&gt;B&lt;/td&gt; Aber die Breite von &lt;td&gt;ist immer noch …
9
Alternative Tabellenzeilenfarbe mit CSS?
Ich verwende hierfür eine Tabelle mit alternativer Zeilenfarbe. tr.d0 td { background-color: #CC9999; color: black; } tr.d1 td { background-color: #9999CC; color: black; } &lt;table&gt; &lt;tr class="d0"&gt; &lt;td&gt;One&lt;/td&gt; &lt;td&gt;one&lt;/td&gt; &lt;/tr&gt; &lt;tr class="d1"&gt; &lt;td&gt;Two&lt;/td&gt; &lt;td&gt;two&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie das Snippet Hier benutze ich Klasse für …
462 html  css  html-table 
16
Fügen Sie der Tabellenzeile <tr> den unteren Rand hinzu
Ich habe eine Tabelle von 3 mal 3. Ich brauche eine Möglichkeit, einen Rand für den unteren Rand jeder Zeile hinzuzufügen trund ihm eine bestimmte Farbe zu geben. Zuerst habe ich den direkten Weg versucht, dh: &lt;tr style="border-bottom:1pt solid black;"&gt; Aber das hat nicht funktioniert. Also habe ich CSS wie …
386 html  css  html-table 
12
Colspan alle Spalten
Wie kann ich angeben, dass ein tdTag alle Spalten umfassen soll (wenn die genaue Anzahl der Spalten in der Tabelle variabel ist / schwer zu bestimmen ist, wann der HTML-Code gerendert wird)? w3schools erwähnt, dass Sie verwenden können colspan="0", aber es sagt nicht genau, welche Browser diesen Wert unterstützen (IE …
23
CSS3s Eigenschaft "Rahmenradius" und "Rand reduzieren": Reduzieren mischen sich nicht. Wie kann ich mit dem Randradius eine reduzierte Tabelle mit abgerundeten Ecken erstellen?
Bearbeiten - Originaltitel: Gibt es einen alternativen Weg, um border-collapse:collapsein zu erreichenCSS (um einen kollabierte, abgerundete Ecke Tisch zu haben)? Da sich herausstellt, dass das Reduzieren der Tabellenränder das Grundproblem nicht löst, habe ich den Titel aktualisiert, um die Diskussion besser widerzuspiegeln. Ich versuche mit der CSS3 border-radiusEigenschaft einen Tisch …
6
Passen Sie die Zellenbreite an den Inhalt an
Wie kann ich angesichts des folgenden Markups mithilfe von CSS eine Zelle (alle Zellen in der Spalte) zwingen, sich an die Breite des Inhalts anzupassen, anstatt sie zu dehnen (was das Standardverhalten ist)? &lt;style type="text/css"&gt; td.block { border: 1px solid black; } &lt;/style&gt; &lt;table style="width: 100%;"&gt; &lt;tr&gt; &lt;td class="block"&gt;this should …
264 html  css  html-table 
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.