2016-04-27 10 views
1

Ich verwende Jekyll, um eine statische Website mit Bootstrap zu erstellen. Ich weiß, wie für eine ganze Tabelle angeben Stil (siehe unten)Angeben der Tabellenspalte für Jekyll

{: .table .table-striped} 
| Name | Roles | User ID | 
| ----- | ----- | ------- | 
| Micky | CEO | micky | 
| Tom | CTO | tom  | 

Aber ich weiß nicht, einen Weg zu geben Stil-Klasse für jede Spalte gefunden. Ich möchte für jede Spalte die Klasse col-md-4 hinzufügen. Wie kann man das erreichen?

+0

Kurz gesagt, weil es in HTML kein Konzept einer "Spalte" gibt. Während Zeilen in '' Elementen enthalten sind, würde das Hinzufügen einer Klasse zu jeder Spalte das Hinzufügen zu den Header-Zellen ... und den Zellen in der ersten Zeile ... und der zweiten Zeile ... und so weiter erfordern. –

Antwort

1

Sie können das Schreiben in einfachem HTML (zwischen) Ihre Abschriften immer zurück. Die ultimative Lösung für alles ohne eine Lösung.

+0

Ja, ich habe einige Projekte gefunden, die das Problem auf diese Weise lösen. Das wird also eine Option für mich sein. – stanleyxu2005

1

Kurz gesagt, Jekyll hat keine Möglichkeit, eine Klasse an eine Spalte anzuhängen, weil es in HTML kein Konzept einer "Spalte" gibt. Während Zeilen in <tr> Elementen enthalten sind, würde das Hinzufügen einer Klasse zu jeder Spalte das Hinzufügen zu den Header-Zellen ... und den Zellen in der ersten Zeile ... und der zweiten Zeile ... und so weiter erfordern.

Am einfachsten wäre es, Ihr Stylesheet so zu optimieren, dass die Zellen in dieser Tabelle so breit wie col-md-4 sind.

Wenn Sie diese Tabelle eine Klasse von md-4-table geben, zum Beispiel, könnten Sie Ihre Bootstrap CSS zwicken zu sagen:

.col-md-4, 
.md-4-table th, .md-4-table td, 
... { 
    /* whatever bootstrap actually puts in here */ 
} 
+0

Danke für die Lösung. Ich hoffe, ich muss 'bootstrap.css' nicht ändern, das ist zu viel, als ich erwartet hatte. Und ich denke, wir müssen nur Stil für die Tabellenkopf Spalten angeben. Der Tabellenkörper folgt dem Stil als Kopfzeilen. – stanleyxu2005

+0

Ich hatte gerade einen Gedanken, der sich um den ': n-Typ-Pseudo-Selektor drehte. Ich werde versuchen, es in Kürze zu schreiben. –