I have a php code that displays name and number from a SQL Database. And I have a html table with columns Name and Number. I want the name and number from my SQL database to show up in the HTML table.
The PHP Code
<?php
$servername = "localhost";
$username = "what7aba_wc";
$password = "This is my Password";
$dbname = "what7aba_wc";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT name, number FROM WC";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// output data of each row
while($row = $result->fetch_assoc()) {
echo "Name" . $row["name"]. "-Number" . $row["number"]. "<br>";
}
} else {
echo "0 results";
}
$conn->close();
?>
The HTML Table
<table id="table" class="table table-hover table-mc-light-blue">
<thead>
<tr>
<th>Name</th>
<th>Link</th>
</tr>
</thead>
<tbody>
<tr>
<td data-title="Name">Its a Name</td>
<td data-title="Number">
</tr>
<tr>
<td data-title="Name">Its a Name</td>
<td data-title="Number">
</tr>
</tbody>
</table>
If this can't happen. Anyone tell me how to make a CSS for PHP file given above.
UPDATE:
i've tried this.
<?php
$servername = "localhost";
$username = "what7aba_wc";
$password = "My Password";
$dbname = "what7aba_wc";
// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
$sql = "SELECT name, number FROM WC";
$result = $conn->query($sql);
?>
<h1>WhatsCast List</h1>
<h2>Table of my other Material Design works (list was updated 08.2015)</h2>
<div class="table-responsive-vertical shadow-z-1">
<table id="table" class="table table-hover table-mc-light-blue">
<thead>
<tr>
<th>Name</th>
<th>Link</th>
</tr>
</thead>
<tbody>
<tr>
<td data-title="Name"><p><?php echo $row["name"] ?><p></td>
<td data-title="Number"><p><?php echo $row["number"] ?></p></td>
</tr>
</tbody>
</table>
</div>
</div>
echoHTML codes