JS dataTables from panda

Question

Voglio utilizzare panda datiFrames con dataTables. Non riesco a capire come inizializzare la tabella senza un ID.

C'è un modo per impostare l'id nel tag table quando chiamo df.to_html()?

Answer 1

Si potrebbe provare questo:

df.to_html(classes = 'my_class" id = "my_id') 

E 'come uno SQL injection in fondo.
La funzione to_html di Pandas utilizza doppi apici attorno alla classe. È possibile utilizzare le virgolette singole per definire l'argomento delle classi e inserire le virgolette al loro interno per terminare la classe dei panda. Quindi metti le virgolette doppie sul nome del tuo ID, ma lascia che i panda chiudano quelle virgolette per te. L'output sarà il seguente:

'<table border="1" class="dataframe my_class" id = "my_id">...' 

Sperare che aiuti.

Answer 2

Non credo che questo comportamento è disponibile in to_html, ma un modo è quello di inserire solo in modo manuale:

In [11]: df = pd.DataFrame([1]) 

In [12]: s = df.to_html() 

In [13]: print (s[:7] + 'id="my_dfs_id" ' + s[7:]) 
<table id="my_df_id" border="1" class="dataframe"> 
    <thead> 
    <tr style="text-align: right;"> 
     <th></th> 
     <th>0</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td><strong>0</strong></td> 
     <td> 1</td> 
    </tr> 
    </tbody> 
</table> 

Si potrebbe mettere questo comportamento in una funzione:

def df_to_html_with_id(df, id): 
    s = df.to_html() 
    return s[:7] + 'id="%s" ' % id + s[7:] 

Esempio di utilizzo: df_to_html_with_id(df, "hello").

Answer 3

Sebbene la risposta accettata funzioni in modo sorprendente, ecco cosa ho fatto per applicare id e anche alcune classi per la direzione dei tavoli.

html = df.to_html().replace('<table','<table class="tableBoot" id="myTable"') 

Questo funziona perché to_html solo restituisce una stringa e possiamo usare python modalità di oggetti stringa Sostituisci per sostituire qualsiasi parte con qualsiasi altra cosa (si noti che ho usato solo l'apertura '<'). Ho usato questo per includere gli stili a <thead> ie. sezione titoli del tavolo!

Answer 4

Ho seguito un approccio leggermente diverso e ho deciso di inizializzarlo in base alla classe CSS, con il vantaggio che tutte le tabelle panda diventavano DataTable. È possibile aggiungere un'altra classe se si desidera un controllo più raffinato con diverse opzioni

$(document).ready(function(){ 
    $('.dataframe').DataTable(); 
});