2014-02-19 42 views
26

左側下面我有IPython的筆記本電腦代碼(降價):IPython的筆記本對齊表格單元格

#### example table 
|Name|Description| 
|--|-------------------------------| 
|Mary |She is a nice girl.| 
|Jackie |He is a very naughty boy.| 

輸出看起來象下面這樣: enter image description here

我怎樣才能:

  1. 左對齊單元格的表格,現在默認爲中心。
  2. 右對齊第二個col文本。
+3

3年過去了,這個問題仍然在幫助人們。 :-) – TMWP

回答

20

嗯,是的!

| Name | Description | age   
| :- |-------------: | :-: 
|Mary| She is a nice girl. | 20 
| Jackie Junior | He is a very naughty boy. | 5 
  • :------ =左對齊
  • ---: =右對齊
  • :---: =居中

table

+0

很酷,你已經回答了我的第二個問題。第一個呢?順便說一句,第一個問題意味着整個表格位於頁面的中心,我希望將其對齊到頁面邊界的左側。 – lucky1928

+0

啊,我不明白你想讓桌子左對齊。對於這我不知道,我不知道這是可能的減價。但是,通過使用通過修改表格的CSS屬性左對齊表格的模板,nbconvert轉換爲html可能是可能的 – jrjc

+1

在jupyter筆記本中的新鮮降格單元格中不起作用(他們在幾年前從ipython筆記本更改了名稱):所有單元格內容都是右對齊的。有任何想法嗎? –

19

回答到第一質詢 - 左對齊表格 - 創建並運行代碼ce LL表格降價電池上方,具有以下內容:

%%html 
<style> 
table {float:left} 
</style> 
+3

這將強制所有後續行放在表格的右側,下面的Roberto解決方案不起作用。那麼你怎麼把它放在左邊而不會搞亂周圍的格式呢? – orodbhen

+1

@orodbhen我編輯了我的解決方案,使用jupyter筆記本的新樣式,它能解決您的問題嗎? –

+0

它不適合我,使用'table {text-align:left}'而不是很好。 – weiheng

9

我會建議使用Knuth的答案的這個變體不影響周圍表中的其餘元素的流。將此代碼放置在包含表格的單元格之上:

%%html 
<style> 
    table {margin-left: 0 !important;} 
</style> 
+0

我剛剛在Jupyter/Anaconda 4.2中測試了Python 2.7上的兩個解決方案。 「浮動」解決方案的作品。您在帖子中提出的保證金解決方案並未改變筆記本中表格的對齊方式。出於好奇,你測試了3.x還是2.7? – TMWP

+0

@TMWP你是對的,在默認的css風格有所改變。爲了解決這個問題,在樣式末尾添加!important(如在編輯的解決方案中)以解決問題。感謝您的報告。 –

+0

修復它爲2.7。輸出也比原始發佈的輸出稍微更清潔,似乎增加了一點垂直空間。 – TMWP

2

您可以在Ipython中進行自定義首選項。

只要進行以下文件

~/.ipython/profile_default/static/custom/custom.css 

,並添加以下代碼。

table {float: left}; 

您不必將自定義CSS放在所有ipython文件中。

0

回答第一個問題:在創建表格併爲其分配float:left屬性時,最終不得不添加更多CSS來解析表格周圍的文本。你降價細胞之前將此放在一個碼單元

%%html 
<style> 
    table { 
     display: inline-block 
    } 
</style> 

但是,如果你有很多的CSS,可能是最好把它放在另一個文件對文件的整體美感。

@jrjc完美地回答第二個問題;)