Php tekrarlanan bir tablo için alternatif satır rengi nasıl ayarlanır?

2 Cevap php

Ben php kullanıyorum ve ben bir sonuç dizisi ile bir tablo yineleme ... Ben bunu nasıl .... ona satır rengi ve alternatif satır rengi eklemek istediğiniz? Herhangi bir öneri ...

<table  id="chkbox" cellpadding="0" cellspacing="2" 
               width="100%" class="table_Style_Border">
<tr>
<td style="width:150px" class="grid_header" align="center">RackName</td>    
   <td style="width:150px" class="grid_header" align="center">LibraryName</td>  
<td style="width:200px" class="grid_header" align="center">LibrarianName</td>
<td style="width:200px" class="grid_header" align="center">Location</td>
        <td style="width:1%" class="grid_header"></td>


    </tr>

     <? if(isset($comment))
           { echo '<tr>
      <td class=table_label colspan=5>'.$comment.'</td></tr>'; } ?>
    <?php foreach($rackData as $row) { ?>
    <tr>
        <td align="left" class="table_label">
                <?=$row['rack_name']?>
        </td>
        <td align="left" class="table_label">
                <?=$row['library_name']?>
        </td>
        <td align="center" class="table_label">
                <?=$row['librarian']?>
        </td>
        <td align="center" class="table_label">
                <?=$row['location']?>
        </td>
        <td align="center">
            <input type="checkbox" name="group" id="group" 
  value="<?=$row['rack_id']?>" onclick="display(this);"  > 
        </td>

    </tr>

  <?    } ?>
    <table>

EDIT:

<?php foreach($rackData as $key =>  $row) { ?>
        <?php printf('<tr class="%s">', ($key % 2) ? : 'rowcolor' : 'alternaterowcolor');?>

Bu sözdizimi almak için görünmüyor ....

ERROR:

Parse error: syntax error, unexpected ':' in D:\xampp\htdocs\codeigniter_cup_myth_new\system\application\views\rackdetails.php  on line 238

2 Cevap

Kullan modulo

<?php foreach($rackData as $key => $row) { ?>
    <?php printf('<tr class="%s">', ($key % 2) ? 'odd' : 'even'); ?>
    // ...

Sonra isimleri .odd ve .even ile CSS sınıfları tanımlamak ve onlara verilen background-color satırları dönüşümlü istiyorum.

Modern tarayıcılarda (okuyun: IE 8 veya daha düşük) da CSS ile doğrudan yapabilirsiniz :nth-child pseudo class:

tr:nth-child(even) { background-color: #FFF; }
tr:nth-child(odd) { background-color: #EEE; }

Sunucu kodlarını düzene size satır vurgulamak ve istediğini yapmak için satır fareyi dışarı / üzerinde işleyicileri eklemek için javascript kullanabilirsiniz.

Jquery ve pek çok örnek ile yapmak çok kolay.

etiketler