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

0 vote197 views1 answer
Typescript assert non null
TypeScript
3 votes169 views1 answer
Typescript req.query.query
TypeScript
5 votes185 views4 answers
React native select
TypeScript
0 vote181 views1 answer
Whats the name of that game that got taken down from the app store about a box person
TypeScript
6 votes176 views1 answer
Comments pycharm
TypeScript
0 vote237 views1 answer
Allowsyntheticdefaultimports angular
TypeScript
6 votes172 views1 answer
File C:\Users\SHUBHAM KUNWAR\AppData\Roaming\npm\nodemon.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
0 vote181 views2 answers
Enter into postgresql database,create user and grant Access
TypeScript
37 votes191 views3 answers
Angular date pipe 24 hour format
TypeScript
16 votes184 views2 answers
Chunk list python
TypeScript