Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    371

    script filter and sort table

    Salve raga qualcuno sa consigliarmi uno script
    per filtrare e ordinare le "table" ????

  2. #2
    Utente di HTML.it L'avatar di abellos
    Registrato dal
    Feb 2002
    Messaggi
    431
    ciao questo per ordinare le tabelle http://tablesorter.com/docs/ , per filtrare vedi qui http://www.picnet.com.au/picnet-table-filter.html , sono entrambi plugin per jquery
    Da un grande potere derivano grandi responsabilità

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2007
    Messaggi
    371
    Stavo provando http://tablefilter.free.fr/dwn.php qualcuno puo aiutarmi ???
    ho un problema 2 tabelle in 2 form diverse incluse in una pagina master in ogni form ho anche differenziato nomi etc...ma il file .JS è nella master ,,,, ma nella prima non mi funziona il Sort mentre i filter vanno bene in entrambe da ke puo dipendere???
    NB: Le pagine Prese singolarmente funzionano entrambi correttamente.
    i due script sono i seguenti
    1° pagina>>>>
    <table id="demo1" class="colsAlignments">
    <thead >
    <tr>
    <th >Titolo1</th>
    <th >Titolo2</th>
    <th >Titolo3</th>
    </tr>
    </thead>
    <tbody >
    <tr>
    <td>Prova1</td>
    <td>A</td>
    <td>1</td>
    </tr>
    <tr>
    <td>Prova2</td>
    <td>B</td>
    <td>2</td>
    </tr>
    </tbody>
    </table>

    <script language="javascript" type="text/javascript">
    //<![CDATA[
    var props1 = {
    remember_grid_values: true,
    remember_page_number: true,
    alternate_rows: true,
    rows_counter: true,
    btn_reset: true,
    btn_reset_text: "Clear",
    loader: false,
    status_bar: false,
    col_number_format: [null, null, 'US', 'US', 'US', 'US', 'US', 'US', 'US'],
    col_0: "none",
    //col_1: "select",
    //col_2: "select",
    col_3: "select",
    display_all_text: "< Tutti >",
    custom_slc_options: {
    cols: [0],
    //texts: [['na', '0 - 50', '50 - 500', '500 - 15000', '15000 - 25000', '25000 - 100000', '100000 - 1500000', 'not na']],
    //values: [['na', '>0 && <=50', '>50 && <=500', '>500 && <=15000', '>15000 && <=25000', '>25000 && <=100000', '>100000 && <=1500000', '!na']],
    sorts: [false]
    },
    col_width: ["40px", "70px", "200px"],
    paging: false,
    paging_length: 10,

    selectable: true,
    editable: false,
    ezEditTable_config: {
    default_selection: 'both'
    },

    //Grid layout properties
    grid_layout: true,
    grid_width: '420px',
    grid_height: '260px',

    /*** Extensions manager ***/
    //extensions: {
    /*** Columns Visibility Manager extension load ***/
    //name: ['ColsVisibility'],
    //src: ['TableFilter/TFExt_ColsVisibility.js'],
    //description: ['Visualizza/Nascondi Colonne'],
    //initialize: [function (o) { o.SetColsVisibility('ColsVisibility'); } ]
    //},
    //showHide_cols_at_start: [3],
    //btn_showHide_cols_text: 'Colonne▼'
    }
    var tf1 = setFilterGrid("demo1", props1);

    //]]>
    </script>
    2° Pagina >>>>
    <table id="demo2" class="colsAlignments">
    <thead >
    <tr>
    <th >Titolo1</th>
    <th >Titolo2</th>
    <th >Titolo3</th>
    </tr>
    </thead>
    <tbody >
    <tr>
    <td>Prova1</td>
    <td>A</td>
    <td>1</td>
    </tr>
    <tr>
    <td>Prova2</td>
    <td>B</td>
    <td>2</td>
    </tr>
    </tbody>
    </table>
    <script language="javascript" type="text/javascript">
    //<![CDATA[
    var props2 = {
    remember_grid_values: true,
    remember_page_number: true,
    alternate_rows: true,
    rows_counter: true,
    btn_reset: true,
    btn_reset_text: "Clear",
    loader: false,
    status_bar: false,
    col_number_format: [null, null, 'US', 'US', 'US', 'US', 'US', 'US', 'US'],
    col_0: "none",
    //col_1: "select",
    //col_2: "select",
    col_3: "select",
    display_all_text: "< Tutti >",
    custom_slc_options: {
    cols: [0],
    //texts: [['na', '0 - 50', '50 - 500', '500 - 15000', '15000 - 25000', '25000 - 100000', '100000 - 1500000', 'not na']],
    //values: [['na', '>0 && <=50', '>50 && <=500', '>500 && <=15000', '>15000 && <=25000', '>25000 && <=100000', '>100000 && <=1500000', '!na']],
    sorts: [false]
    },
    col_width: ["40px", "70px", "200px","50px"],
    paging: false,
    paging_length: 10,

    selectable: true,
    editable: false,
    ezEditTable_config: {
    default_selection: 'both'
    },

    //Grid layout properties
    grid_layout: true,
    grid_width: '420px',
    grid_height: '260px',

    /*** Extensions manager ***/
    //extensions: {
    /*** Columns Visibility Manager extension load ***/
    //name: ['ColsVisibility'],
    //src: ['TableFilter/TFExt_ColsVisibility.js'],
    //description: ['Visualizza/Nascondi Colonne'],
    //initialize: [function (o) { o.SetColsVisibility('ColsVisibility'); } ]
    //},
    //showHide_cols_at_start: [3],
    //btn_showHide_cols_text: 'Colonne▼'
    }
    var tf2 = setFilterGrid("demo2", props2);

    //]]>
    </script>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.