Per Javascript / jQuery, esistono tantissimi plugin per eseguire operazioni sulle tabelle.

Ma se voglliamo applicare un semplice filtro, ricercando in una input text, non abbiamo bisogno di chissa qualche plugin o libreria.

Partiamo da un HTML del genere (io la riempi tramite PHP, ma è indifferente):

<div class="input-field">
                            <input type="text" id="search_suffix" onkeyup="searchTable('tbl_suffix', 'search_suffix');" placeholder="Search..">
                        </div>
                        <table id="tbl_suffix" class="striped responsive-table tbl_cou">
                            <thead>
                                <tr>
                                    <th>SUFFIX</th>
                                    <th>DESCRIPTION</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($query as $var): ?>
                                    <tr>
                                        <td><?php echo $var['mime_suffisso']; ?></td>
                                        <td><?php echo $var['mime_descrizione']; ?></td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>

Nelle versioni precedenti alla 5, per suddividere la pagina in più parti, si usavano i frame.

Nella versione 5 dell'HTML, e con l'avvento dei CSS 3, i frame risultano deprecati.

In alcuni casi, però, può risultare comodo avere le stesse funzionalità dei frame, senza doverli usare.

Girovagando ho trovato un plugin per jQuery che fa proprio questo: Splitter!

Versione 2, e responsive, del sito MarziaFerrone.com.

Rispetto alla prima versione è cambiato poco graficamente.

Se usate jQuery DataTable o simili, probabilmente avete già una funzione di esportazione della tabella in Excel.

Ma se avete una semplice tabella da esportare al volo, potete usare un semplice plugin per jQuery che si occupa di fare solo quello: jQuery table2excel!

Il suo utilizzo è molto semplice:

  • includete jQuery
  • includete la libreria
  • impostate un id su un bottone
  • impostate un id sulla tabella
  • impostate qualche riga di codice per attivare il tutto

Oggi vediamo uno dei vari plugin jQuery per filtrare e ordinare elementi in una pagina web.

L'effetto è molto piacevole, e non impatta sulle prestazioni, in quanto non ci sono query su db e refresh dei dati.

Si occuperà il plugin di fare tutto a spostare i blocchi, ecc...impostando l'HTML in maniera corretta.

Il plugin di cui parliamo oggi si chiama Filterizr!