Salve raga qualcuno sa consigliarmi uno script
per filtrare e ordinare le "table" ????
Salve raga qualcuno sa consigliarmi uno script
per filtrare e ordinare le "table" ????
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à
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>