Tabelle responsive con javascript e CSS

[davidepc]

In questa guida cerchero' di indicare alcune possibili soluzioni per visualizzare delle tabelle con molte colonne correttamente su dispositivi mobili.

Link all'articolo: http://www.joomla.it/e-ancora/articoli-community-3x/7688-tabelle-responsive-con-javascript-e-css.html

[vales]

Ottimo contributo lo userò.

[daniel77]

Ciao Davide, ho seguito la guida e naturalmente ho optato per la soluzione1, ma non mi appare lo scroll...
il css lo devo inserire in template/css/bootstrap.css?
c'è qualcosa che non mi torna.

[davidepc]

Il file di bootstrap sarebbe bene non modificarlo.
Dovresti inserirlo nel file principale dei css del template (in genere template.css o custom.css se usi protostar come indicato nella guida il file si trova in "templates/protostar/css/template.css").
Se hai problemi posta qui un link al sito cosi ci do un occhiata.

[daniel77]

Ok, ieri ero di fretta, oggi rifaccio una prova e vediamo che vien fuori....
Quindi, se ho ben capito, inserendo quel codice, al di sotto dei 762px, 
dovrebbe apparire la scroolbar alle tabelle... giusto?

[daniel77]

Oggi ho riprovato a rifare la procedura e la scoolbar è apparsa.... che devo dire, magari ieri sbagliavo qualcosa...
Adesso Devo intervenire sullo stile, ma credo sia più corretto aprire un altro post ...

Grazie Davide per l'aiuto

[daniel77]

Però mi è venuto un dubbio a riguardo...

Se al posto della classe, dovessi usare un id? Potrei ugualmente utilizzare questa tecnica, giusto?

Basterebbe mettere #tabella_responsive nel css, o sbaglio?

[davidepc]

Però mi è venuto un dubbio a riguardo...

Se al posto della classe, dovessi usare un id? Potrei ugualmente utilizzare questa tecnica, giusto?

Basterebbe mettere #tabella_responsive nel css, o sbaglio?

Si esatto.
Pero' in caso usassi l' ID ricorda che deve essere unico quindi se hai piu tabelle nella stessa pagina ognuna deve avere un ID diverso. 

[daniel77]

Ok, ho seguito la guida e impostatola tabella... però
succcede qualcosa di strano.. non ho capito come o quando, ma alcune volte la tabella improvvisamente si "modifica" da se..
Ad esempio trovo inserita la larghezza della tabella, l'altezza delle righe, la grandezza del testo etc....
Ecco un esempio, nel primo link tutto ok... nel secondo tutto modificato....
Le tabella incriminata è quella delle tariffe che si trova a metà pagina.

Tab 1 ok -- http://goo.gl/SJOh3l

Tab 2 Modificata --  http://goo.gl/uSLRal

Che succede?

Non ho ancora capito in quali casi avvenga la modifica..
Il codice della tabella lo incollo da strumenti, codice sorgente - editor tiny mce.

Qualche idea?