How to increase the font size of the markdown table in jupyter notebook?

Question

I have a juptyer notebook with a markdown cell

# Projects

<div style="font-size: 50px">

hello

| Project                      |Project Type       | Status                |
|------------------------------|-------------------|-----------------------|
|   Hello phase 1              |ABC                |Ongoing                |
|   Goodbye analytics          |EFG                |Completed              |

</div >

But it does not increase the font size of the words inside the table, and it only increases the font size of "Hello".

Is it possible to increase the font size of the words inside the table? Thanks.

score 16 · Accepted Answer · edited Apr 27 '23 at 09:38

16

For jupyter-notebooks you can use the %%HTML magic. Place the code below inside a notebook code cell:

%%HTML

<style>
td,th {
  font-size: 15px
}
</style>

Depending on your jupyter version, other approaches might work.

edited Apr 27 '23 at 09:38

NewNewton

1,015
1
10
22

answered Sep 12 '18 at 15:41

mb21

34,845
8
116
142

Where do I add this? I add it in the same cell, but it doesn't work hello | Project |Project Type | Status | |------------------------------|-------------------|-----------------------| | Hello phase 1 |ABC |Ongoing | | Goodbye analytics |EFG |Completed | – Michael Sep 12 '18 at 16:36
add it just at the top of your document for example. but as i said, might depend on your version... – mb21 Sep 12 '18 at 18:30
6

it works! I need to add your code in a code cell, and start with %%HTML – Michael Sep 13 '18 at 01:54
Can you provide an example? – AturSams May 09 '19 at 13:26
Works for me too! The element name was: .rendered_html table – AturSams May 09 '19 at 14:03
Thank you so very much! – AturSams May 09 '19 at 14:12

score 3 · Answer 2 · edited Dec 30 '19 at 09:46

You may try this: Add html tag inside the cells which is annoying but useful for now

for example

|&#60;font size=4&#62;Project&#60;/font&#62;|&#60;font size=4&#62;Project Type&#60;/font&#62;|&#60;font size=4&#62;Status&#60;/font&#62;|<br>
|---|---|---|<br>
|&#60;font size=4&#62;Hello phase 1&#60;/font&#62;|&#60;font size=4&#62;ABC&#60;/font&#62;|&#60;font size=4&#62;Ongoing&#60;/font&#62;|<br>
|&#60;font size=4&#62;Goodbye analytics&#60;/font&#62;|&#60;font size=4&#62;EFG&#60;/font&#62;|&#60;font size=4&#62;Completed&#60;/font&#62;|

score 2 · Answer 3 · answered Nov 24 '19 at 21:49

2

You can also add it in custom.css:

.rendered_html table, .rendered_html td, .rendered_html th {
    font-size: 200%;
}

I also think you should be able to do it with just the table element (omitting the td and th elements).

answered Nov 24 '19 at 21:49

RRahaman

41
3

How to increase the font size of the markdown table in jupyter notebook?

3 Answers3