Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- table {
- width: 750px;
- border-collapse: collapse;
- margin:50px auto;
- }
- /* Zebra striping */
- tr:nth-of-type(odd) {
- background: #eee;
- }
- th {
- background: #3498db;
- color: white;
- font-weight: bold;
- }
- td, th {
- padding: 10px;
- border: 1px solid #ccc;
- text-align: left;
- font-size: 18px;
- }
- /*
- Max width before this PARTICULAR table gets nasty
- This query will take effect for any screen smaller than 760px
- and also iPads specifically.
- */
- @media
- only screen and (max-width: 760px),
- (min-device-width: 768px) and (max-device-width: 1024px) {
- table {
- width: 100%;
- }
- /* Force table to not be like tables anymore */
- table, thead, tbody, th, td, tr {
- display: block;
- }
- /* Hide table headers (but not display: none;, for accessibility) */
- thead tr {
- position: absolute;
- top: -9999px;
- left: -9999px;
- }
- tr { border: 1px solid #ccc; }
- td {
- /* Behave like a "row" */
- border: none;
- border-bottom: 1px solid #eee;
- position: relative;
- padding-left: 50%;
- }
- td:before {
- /* Now like a table header */
- position: absolute;
- /* Top/left values mimic padding */
- top: 6px;
- left: 6px;
- width: 45%;
- padding-right: 10px;
- white-space: nowrap;
- /* Label the data */
- content: attr(data-column);
- color: #000;
- font-weight: bold;
- }
- }
- </style>
- <table>
- <tr>
- <th>
- Nama siswa
- </th>
- <th>
- Kata Sandi
- </th>
- </tr>
- <?php
- $servername = "localhost";
- $database = "sekolah";
- $username = "root";
- $password = "";
- $sql = "mysql:host=$servername;dbname=$database;";
- $option = [PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION];
- // Create a new connection to the MySQL database using PDO, $konek is an object
- try {
- $konek = new PDO($sql, $username, $password, $option);
- echo "sukses";
- } catch (PDOException $error) {
- echo 'Eror: ' . $error->getMessage();
- }
- $users = $konek->prepare("SELECT * FROM siswa");
- $users->execute();
- $users = $users->fetchAll();
- foreach ($users as $user) {
- $nama_siswa=$user['namasiswa'];
- $sandi_siswa=$user['katasandi'];
- ?>
- <tr>
- <td> <?php echo $nama_siswa ?> </td>
- <td> <?php echo $sandi_siswa ?> </td>
- </tr>
- <?php
- }
- ?>
- </table>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement