Sabtu, 05 Desember 2015

Responsive Html Table Using Footable

FooTable : How To Create Responsive Html Table Using FooTable

________________________________________________________

In this FooTable Tutorial we will see How To Create a Responsive Html Table To Display friendly In Desktop , Tablet And Mobile Using FooTable .

I Use In This Tutorial:
- FooTable.
- Php.
- NetBeans IDE .
- XAMPP .
- PhpMyAdmin .

Source Code:

<?php

$hostname = "localhost";

$username = "root";

$password = "";

$databaseName = "test_db";

$connect = mysqli_connect($hostname, $username, $password, $databaseName);

$query = "SELECT * FROM `users";

$result = mysqli_query($connect, $query);

<!DOCTYPE html>

<html>

<head>

<title> Responsive Html Table Using FooTable </title>

</head>

<body>

<thead>

<tr>

<th data-hide="tablet,phone">First Name</th>

</tr>

</thead>

<tbody>

<?php while($row1 = mysqli_fetch_array($result)):;?>

<tr>

</tr>

<?php endwhile;?>

</tbody>

</table>

</body>

$(document).ready(function(){

$('.footable').footable();

});

</script>

</html>

///////////////OUTPUT:

In Tablet

In Phone

See more Icon Styles

Demo From fooplugins :
Responsive

Other FooTable Tutorials :
Download And Use
Sorting Html Table
Create a Pagination In Html Table
Search And Filter Data In Html Table