From ff3a3c04b2e926a90c188372bce7778cf5c56f2b Mon Sep 17 00:00:00 2001
From: Hyunje Alex Jun <me@noraesae.net>
Date: Thu, 5 Feb 2015 20:05:52 +0000
Subject: [PATCH] Add a table example.

---
 examples/table-content.html | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)
diff --git a/examples/table-content.html b/examples/table-content.html
index 1c72fc9..893906d 100644
--- a/examples/table-content.html
+++ b/examples/table-content.html
@@ -1,12 +1,10 @@
-<!DOCTYPE HTML>
+<!DOCTYPE html>
 <html>
   <head>
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
-
     <title>perfect-scrollbar example</title>
-    <link href="../src/perfect-scrollbar.css" rel="stylesheet">
-    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-    <script src="../src/perfect-scrollbar.js"></script>
+    <link href="../out/css/perfect-scrollbar.css" rel="stylesheet">
+    <script src="../out/js/perfect-scrollbar.global.js"></script>
     <style>
       #table {
         font-size: 20px;
@@ -30,11 +28,6 @@
         box-sizing: border-box;
       }
     </style>
-    <script type="text/javascript">
-      $(document).ready(function ($) {
-        $('#table tbody').perfectScrollbar();
-      });
-    </script>
   </head>
   <body>
     <div id="table" class="wrapper">
@@ -79,5 +72,11 @@
         </tr>
       </tbody>
     </table>
+    <script type="text/javascript">
+      var $ = document.querySelector.bind(document);
+      window.onload = function () {
+        Ps.initialize($('#table tbody'));
+      };
+    </script>
   </body>
 </html>
