dash datatable

Published onesixx on 22-06-2922-06-29

https://dash.plotly.com/datatable

React.js 기반

from dash import Dash, dash_table
import dash_bootstrap_components as dbc

import pandas as pd

df = pd.read_csv(
    'https://raw.githubusercontent.com/plotly/datasets/master/solar.csv')

app = Dash(__name__)

app.layout = dbc.Container([
    dash_table.DataTable(
        data=df.to_dict('records'),
        #columns=[{"name": i, "id": i} for i in df.columns]
    ),
    dbc.Alert(id='tbl_out'),
])

print("========data=======")
print(df.to_dict('records'))
print("========columns=======")
print([{"name": i, "id": i} for i in df.columns])

if __name__ == '__main__':
    app.run_server(debug=True)

jjjjjj

import pandas as pd

df = pd.DataFrame([
    ['Jay', 16,   'BBA'],
    ['Jack',19, 'BTech'],
    ['Mark',18,   'BSc']],
    columns = ['Name','Age','Course'])


dd = pd.concat([   
    pd.Series(['Jay', 'Jack', 'Mark']),
    pd.Series([16,19,18]),
    pd.Series(['BBA', 'BTech', 'BSc'])], 
    axis =1,
    names = ['Name','Age','Course']
) 
dd.columns = ['Name','Age','Course']

#   Name	Age	Course
# 0	Jay	    16	BBA
# 1	Jack	19	BTech
# 2	Mark	18	BSc

#------------------------------------------------------
# ('dict', list, 'series', 'split', 'records', 'index')
dd.to_dict()
dd.to_dict('dict')
# {'Name'  : {0: 'Jay', 1: 'Jack',  2: 'Mark'},
#  'Age'   : {0: 16,    1: 19,      2: 18},
#  'Course': {0: 'BBA', 1: 'BTech', 2: 'BSc'}}

dd.to_dict('list')  
# {'Name'  : ['Jay', 'Jack', 'Mark'],
#  'Age'   : [16, 19, 18],
#  'Course': ['BBA', 'BTech', 'BSc']}

dd.to_dict('records')
# [{'Name': 'Jay',  'Age': 16, 'Course': 'BBA'},
#  {'Name': 'Jack', 'Age': 19, 'Course': 'BTech'},
#  {'Name': 'Mark', 'Age': 18, 'Course': 'BSc'}]

dd.to_dict('split')
# {'index': [0, 1, 2],
#  'columns': ['Name', 'Age', 'Course'],
#  'data': [['Jay', 16, 'BBA'], ['Jack', 19, 'BTech'], ['Mark', 18, 'BSc']]}

dash datatable

onesixx

dash

Toggle Collapse

dash

Multi-Page Apps and URL Support

dash

dash admin components

dash datatable

onesixx

Related Posts

dash

Toggle Collapse

dash

Multi-Page Apps and URL Support

dash

dash admin components