Ipywidgets popup window

import pandas as pd
import numpy as np
df = pd.DataFrame(np.random.randn(6,4),columns=list('ABCD'))
# Show in Jupyter
df

from IPython.display import HTML
s  = '<script type="text/Javascript">'
s += 'var win = window.open("", "Title", "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=780, height=200, top="+(screen.height-400)+", left="+(screen.width-840));'
s += 'win.document.body.innerHTML = \'' + df.to_html().replace("\n",'\\') + '\';'
s += '</script>'

# Show in new Window
HTML(s)

Source: stackoverflow.com

Ipywidgets popup window

def View(df):
    css = """<style>
    table { border-collapse: collapse; border: 3px solid #eee; }
    table tr th:first-child { background-color: #eeeeee; color: #333; font-weight: bold }
    table thead th { background-color: #eee; color: #000; }
    tr, th, td { border: 1px solid #ccc; border-width: 1px 0 0 1px; border-collapse: collapse;
    padding: 3px; font-family: monospace; font-size: 10px }</style>
    """
    s  = '<script type="text/Javascript">'
    s += 'var win = window.open("", "Title", "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=780, height=200, top="+(screen.height-400)+", left="+(screen.width-840));'
    s += 'win.document.body.innerHTML = \'' + (df.to_html() + css).replace("\n",'\\') + '\';'
    s += '</script>'

    return(HTML(s+css))

Source: stackoverflow.com

Similar codes

1 vote187 views1 answer
Typescript add property if not exist, merge if it exists
TypeScript
0 vote195 views1 answer
How to get value from observable
TypeScript
0 vote223 views1 answer
Typescript reduce initial value type
TypeScript
0 vote254 views1 answer
Godot preload
TypeScript
2 votes245 views1 answer
Ionic save base64 as file
TypeScript
3 votes183 views3 answers
E.target.value typescript
TypeScript
0 vote184 views1 answer
Python set remove duplicate elements
TypeScript
0 vote196 views1 answer
Subplots titles
TypeScript
1 vote174 views1 answer
Angular change element style on click
TypeScript
0 vote199 views2 answers
Moonspell (@moonspellofficial) • Instagram photos and videoswww.instagram.com › moonspellofficial 61.4k Followers, 619 Following, 2421 Posts - See Instagram photos and videos from Moonspell (@moonspellofficial)
TypeScript