Jekyll kramdown如何顯示錶格邊框

我正在使用Jekyll默認kramdown。我有一個表顯示使用Jekyll kramdown如何顯示錶格邊框

surround text, etc. 

| Tables  | Are   | Cool | 
| ------------- |:-------------:| -----:| 
| col 3 is  | right-aligned | $1600 | 
| col 2 is  | centered  | $12 | 
| zebra stripes | are neat  | $1 | 

surround text...

但是表沒有邊框。如何顯示邊框。

來源

2015-03-02 vancexu

表的最小造型

table{ 
    border-collapse: collapse; 
    border-spacing: 0; 
    border:2px solid #ff0000; 
} 

th{ 
    border:2px solid #000000; 
} 

td{ 
    border:1px solid #000000; 
}

來源

2015-03-02 12:23:04

有沒有辦法將它添加到kramdown源而不必指定模板？ – 2015-04-28 23:58:56

nm，我只是將它包裹在''標籤中，並且做到了。不是最優雅的，但是：聳聳肩： – 2015-04-29 00:16:08

我能夠的樣式類這種方式分配給降價表。它給出了一個帶有黑線邊框和單元格邊界的表格。

減價例如：在文件hello-world.md

| Item | Description | Price | 
| --- | --- | ---: | 
| item1 | item1 description | 1.00 | 
| item2 | item2 description | 100.00 | 
{:.mbtablestyle}

SCSS在_base.scss文件/ _sass /目錄

.mbtablestyle { 
     border-collapse: collapse; 

    > table, td, th { 
     border: 1px solid black; 
     } 
}

這在化身版本3.1.2其使用Kramdown與一個IAL。 IAL位於{}內，並且必須位於標記文件中分配給它的塊之前或之後，它們之間沒有空行。

來源

2016-04-19 13:23:02 MikeBRal

這是一個拯救生命！我知道我沒有邊框，因爲沒有使用任何風格，但在我的生活中，我無法弄清楚如何讓kramdown將風格應用到桌子上。剛剛準備好切換到HTML表格時，谷歌終於讓我在這裏（嘗試了很多搜索前來到這裏）。據我所知，這不是在Kramdown文檔中。 – Michael 2016-05-27 21:02:25

救生員+1。恕我直言，這將是正確的Kramdown方式來處理表格樣式，並被接受爲原始問題的最佳答案。 – 2016-11-10 14:50:53

Jekyll kramdown如何顯示錶格邊框

回答

相關問題