0
175
Views¿Cómo doy estilo a palabras específicas cuando se obtienen de mi base de datos MySQLI en PHP?
Tengo datos que se obtienen de la base de datos MySQLI. Quiero diseñar "Pequeño" para que se vea así: 
Así es como se ve mi tabla en PHP. No estoy seguro de cómo diseñar palabras específicas de los datos obtenidos.
Aquí está mi código PHP:
<?php $connect = mysqli_connect( 'placeholder','placeholder','placeholder','placeholder'); $sql = "SELECT * FROM databasename"; $result = $connect->query($sql); if ($result->num_rows > 0) { while ($row = $result-> fetch_assoc()) { echo "<tr><td>" . $row["item_name"] . "</td> <td>" . $row["item_cooldown"] . "</td> <td>" . $row["item_effect"] . "</td> <td>" . $row["item_passive"] . "</td> <td>" . $row["item_cost"] . "</td> <td>" . $row["item_type"] . "</td> <td>" . $row["item_size"] . "</td></tr>"; } } else { echo "No Results"; } $connect->close(); ?> </table>Se agradece mucho cualquier ayuda.
2 answers
Answer question0
Agregue un lapso dentro de la celda relacionada (el último par de etiquetas td) y cree una clase css para darle estilo.
Incluso podría tener diferentes colores para diferentes datos si crea una clase base y una clase de modificador que se aplica usando if/else o switch, o simplemente usa los datos como el nombre de la clase si son de una sola palabra.
Completamente no probado, pero no debería estar demasiado lejos. Usé comillas simples para no entrar en conflicto con las comillas dobles de la sintaxis html. Mi PHP podría estar un poco oxidado.
'<td> <span class="sizetag' . $row['item_size'] . '">' . $row['item_size'] . '</span> </td>'CSS
.sizetag { border-radius 3px padding: .5em } .large { background-color: green }Luego proporcione las clases que necesita y ajuste los colores hasta que sean agradables y el texto aún sea legible.
Si no desea usar el nombre de los datos como una clase, puede hacer lo siguiente, que usa el nombre del color (o lo que necesite) en su lugar.
Yo colocaría esto dentro del while:
$color = "" switch ($row['item_size']) { small: $color = 'bg-green'; break; medium: $color = 'bg-red'; break; large: $color = 'bg-yellow'; break; }Y esto para reemplazar el ultimo td
'<td> <span class="sizetag' . $color . '">' . $row['item_size'] . '</span> </td>'Y nuevamente suministre las clases que necesita y ajuste los colores hasta que sean agradables y el texto aún sea legible.
0
a su última etiqueta <td> cámbiela a:
<td style='backgroundColor:green'> ...