import panel as pn
pn.extension()
The HTML pane allows rendering arbitrary HTML in a panel. It renders strings containing valid HTML as well as objects with a _repr_html_ method and may define custom CSS styles.
For layout and styling related parameters see the customization user guide.
object (str or object): The string or object with _repr_html_ method to displaystyle (dict): Dictionary specifying CSS stylesThe HTML pane accepts the entire HTML5 spec including any embedded script tags, which will be executed. It also supports a style dictionary to apply styles to control the style of the <div> tag the HTML contents will be rendered in.
html_pane = pn.pane.HTML("""
<h1>This is an HTML pane</h1>
<code>
x = 5;<br>
y = 6;<br>
z = x + y;
</code>
<br>
<br>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
""", style={'background-color': '#F6F6F6', 'border': '2px solid black',
'border-radius': '5px', 'padding': '10px'})
html_pane
To update the object or style we can simply set it:
html_pane.style = dict(html_pane.style, border='2px solid red')