CSSでMySQLテーブルを表示

PHPで作業を始めたばかりで、簡単なCRUDアプリケーションを実行できました。しかし、それを表示するのはやや醜いので、データベーステーブルから自分のデータを選択してW3Schoolのウェブサイトにthis oneのように見せることができる人がいるかどうか疑問に思っていましたか？CSSでMySQLテーブルを表示

私は、色が交互になり、データを読み込んでテーブルに表示するときに再現するのが好きです。

出典

2011-07-16 Helen Neely

既にデータをテーブルに入れておきたいだけですか？ – bcoughlan

,、

、という要素をCSSでスタイリングして手動で行う必要があります。 IE9で開き、F12キーを押し、要素を選択してCSSスタイルを調べます。 – Jawad

答えて

これはphpではなくhtmlに基づいています。 PHPはサーバーサイドです。

待ち、私は私はあなたの質問は、色の行を交互に約ある場合、それは

.yellow{background-color:yellow;} 
.green{background-color:green;}

出典

2011-07-16 17:56:54 genesis

CSSクラスには、適用する（現在の）色で名前を付けるべきではありません。デザイナーが黄色から赤色に切り替えることにした場合、あなたは次のようなものになります：.yellow {background-color：red; }。それらを表す要素の種類で名前を付けます。 –

それは正しいですが、それはほんの一例です（最初の秒よりはっきりしています）。 – genesis

あなたのヒントのおかげで、私は家に帰るときに今日の午後試してみます。あなたのコードは私が探していたもののように見えます。 –

のようになりますあなたのCSSで

$i = 0; 
while($row = mysql_fetch_assoc($result)) 
{ 
    $i++; 
    if ($i % 2) 
    { 
     echo "<tr class='yellow'><td>".$row['id']."</td></tr>"; 
    } 
    else{ 
     echo "<tr class='green'><td>".$row['id']."</td></tr>"; 
    } 
}

を手に入れたと思いますが、ここではそれが行く：次の2つのCSSクラスを定義します

tr.row-even { 
    background-color: blue; 
} 

tr.row-odd { 
    background-color: red; 
}

次に、偶数フィールドをチェックすることによって各行に行クラスを割り当てます各行のインデックスの番号：

<?php 
$rowCount = ...; // Depends on your code 
for ($i = 0; $i < $rowCount; $i++) { 
    $rowClass = ($i % 2 == 0) ? 'row-even' : 'row-odd'; 
    echo '<tr class="' . $rowClass . '">'; 
    // ... 
    echo '</tr>'; 
} 
?>

出典

2011-07-16 18:03:42

CSSでMySQLテーブルを表示

答えて

関連する問題