Show and tell: an Example for jQuery Datatables

jimmybow · March 31, 2019, 5:13am

Hi All,
this morning, I try to use visdcc.Run_js to apply Dash html.Table() to jQuery Datatables, and it works fine.

Here is my code:

github.com

jimmybow/visdcc/blob/master/example/Run_js/Apply_ jQuery_Datatables.py

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output, State
import visdcc
import pandas as pd

def generate_html_table_from_df(df, id):
    Thead = html.Thead(
        [html.Tr([html.Th(col) for col in df.columns])]
    )
    Tbody = html.Tbody(
        [html.Tr(
            [html.Td( df.iloc[i, j], id = '{}_{}_{}'.format(id, i, j) ) for j in range(len(df.columns))]
         ) for i in range(len(df))]
    )
    return html.Table([Thead, Tbody], id = id, className = "display")

df = pd.DataFrame({'name': ['Jacky', 'Mei', 'Jay', 'Sandy', 'Jerry', 'Jimmy', 'Jeff',
                            'Jacky', 'Mei', 'Jay', 'Sandy', 'Jerry', 'Jimmy', 'Jeff',

This file has been truncated. show original