Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2006
    Messaggi
    100

    Tabella colore righe alternate,ma problema Datatable

    Premesso che utilizzo jquery e il suo plugin DataTables(per far apparire una finestra di ricerca nella tabella e per poter ordinare le righe cliccando sull'intestazione della tabella).

    Vorrei realizzare una tabella che abbia un header con un certa classe, che le righe siano di colore alternato e che passando col mouse sulle righe esse cambiano di colore(hover).

    Avevo pensato a:
    Sezione stili:
    <style type="text/css">
    .tthead
    { font-family: verdana;background-color: #c2f4e1; font-size: 18px; }
    .RigaPari
    {background-color: #eee;}
    .RigaDispari
    {background-color: #ddd;}
    </style>
    Sezione JS
    <script>
    $(document).ready(function()
    {
    $('#Tabella trdd').addClass('RigaPari');
    $('#Tabella tr:even').addClass('RigaDispari');
    $('#Tabella').dataTable({
    "bSort": true,
    "bPaginate": false,
    "bLengthChange": false,
    "bAutoWidth": false,
    "bFilter": true,
    "bInfo": false});
    });
    </script>
    Tabella nel body
    <table class="Tabella" id="Tabella">
    <thead class="tthead">
    <tr>
    <td>Uno</td>
    <td>Due</td>
    <td>Tre</td>
    <td>Quattro</td>
    <td>Cinque</td>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>R1</td>
    <td>R1</td>
    <td>R1</td>
    <td>R1</td>
    <td>R1</td>
    </tr>
    <tr>
    <td>R1</td>
    <td>R13</td>
    <td>R1</td>
    <td>R31</td>
    <td>R1</td>
    </tr>
    </tbody
    </table>

    Ma attualmente i problemi che mi si verificano sono 2:
    1)Jquery nell'aggiungere la classe(per cambiare i colori delle righe e impostarli in modo alternato, mi sovrascrive anche lo stile dell'header)
    2)Quando ordino le righe con datatable, cambiano anche le colorazioni delle righe e non sono piu alternate(bensi disposte in base all'oridnamento effettuato da Datatable)....come potrei risolvere? Grazie mille per l'aiuto!

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133

    Re: Tabella colore righe alternate,ma problema Datatable

    Originariamente inviato da antony85
    ... Ma attualmente i problemi che mi si verificano sono 2:
    1)Jquery nell'aggiungere la classe(per cambiare i colori delle righe e impostarli in modo alternato, mi sovrascrive anche lo stile dell'header)
    Possibile visto che stai modificando una classe al caricamento della pagina che rimarrà tale fino a nuova disposizione, ad esempio quando richiami il datatable
    2)Quando ordino le righe con datatable, cambiano anche le colorazioni delle righe e non sono piu alternate(bensi disposte in base all'oridnamento effettuato da Datatable)....come potrei risolvere?
    ritengo che una strada percorribile sia studiarsi le API di http://www.datatables.net/ andare a tentativi e affidandoti alla fortuna lo trovo molto più incerto, ora vedi tu se ne vale la pena.
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

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 © 2026 vBulletin Solutions, Inc. All rights reserved.