diff --git a/www/application/views/member/pages/manage_contents.php b/www/application/views/member/pages/manage_contents.php
index b9c0906..ce8c7c4 100644
--- a/www/application/views/member/pages/manage_contents.php
+++ b/www/application/views/member/pages/manage_contents.php
@@ -3,7 +3,7 @@
     <div class="col-xl-2 col-md-6 col-sm-12">
 
         <div class="card">
-          <input type="hidden" id='member_id' name='page_id' value="<?=$page_id?>" />
+            <input type="hidden" id='member_id' name='page_id' value="<?= $page_id ?>" />
 
             <div class="card-content">
                 <div class="card-body">
@@ -16,11 +16,11 @@
                     <?php
                     foreach ($page_items as $mitm) {
                         ?>
-                       <li class="list-group-item">
-                        <span class="badge badge-pill <?=$mitm[2]?> float-right">0</span>
-                        <a href="#"  onclick="viewCardAddAction('<?=$mitm[0]?>',<?=$_SESSION['member_id']?>,<?=$page_id?>);"><?=$mitm[1]?></a>
-                    </li>
-                    
+                        <li class="list-group-item">
+                            <span class="badge badge-pill <?= $mitm[2] ?> float-right">0</span>
+                            <a href="#"  onclick="viewCardAddAction('<?= $mitm[0] ?>',<?= $_SESSION['member_id'] ?>,<?= $page_id ?>);"><?= $mitm[1] ?></a>
+                        </li>
+
                         <?php
                     }
                     ?>
@@ -36,9 +36,9 @@
 
     <div class="col-xl-8 col-md-12 col-sm-12">
         <div id="addcard_detail">
-            
-            
-            
+
+
+
         </div>
 
 
@@ -47,6 +47,88 @@
     </div>
 
     <div class="col-xl-2 col-md-12 col-sm-12">
+
+
+
+
+        <!-- Scroll - horizontal and vertical table -->
+        <section id="horizontal-vertical">
+            <div class="row">
+                <div class="col-12">
+                    <div class="card">
+                        <div class="card-header">
+                            <h4 class="card-title">Page Contents</h4>
+                        </div>
+                        <div class="card-content">
+                            <div class="card-body card-dashboard">
+                               
+                                <div class="table-responsive">
+                                    <table class="table nowrap scroll-horizontal-vertical" style="background-color: aliceblue;">
+                                        <thead>
+                                            <tr>
+                                                <th style="width: 35px;">TYP</th>
+                                                <th>Title</th>
+                                                <th  style="width: 30px;">EDT</th>
+                                                <th  style="width: 30px;">DEL</th>
+
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+
+
+                                            <?php
+                                            foreach ($page_card_items AS $drow) {
+                                            
+                                                ?> 
+                                                <tr>
+                                                    <td>ICO</td>
+                                                    <td><?= $drow->title ?></td>
+                                                    <td>EDT</td>
+                                                    <td>DEL</td>
+                                                </tr>
+
+
+
+                                                <?php
+                                            }
+                                            ?>
+
+
+
+
+
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <!--/ Scroll - horizontal and vertical table -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -60,19 +142,19 @@
 <script type="text/javascript">
 <!--
 
- 
 
-    function viewCardAddAction(action_name, member_id,page_id) {
+
+    function viewCardAddAction(action_name, member_id, page_id) {
         //alert(action_name);
-        return viewCardAddActionOffset(action_name, member_id,page_id, 50, 0);
+        return viewCardAddActionOffset(action_name, member_id, page_id, 50, 0);
     }
 
-    function viewCardAddActionOffset(action_name, member_id,page_id, limit, offset) {
+    function viewCardAddActionOffset(action_name, member_id, page_id, limit, offset) {
 
         $('#addcard_detail').html('Processing...');
         $('#acc' + member_id).prop('disabled', true);
         $.ajax({
-            url: "/member/viewCardAddAction?proc=PROCESS&action_name="+action_name+"&member_id=" + member_id + "&page_id=" + page_id + "&offset=" + offset
+            url: "/member/viewCardAddAction?proc=PROCESS&action_name=" + action_name + "&member_id=" + member_id + "&page_id=" + page_id + "&offset=" + offset
         }).done(function (data) {
             $('#addcard_detail').html(data);
             $('#acc' + member_id).prop('disabled', false);
@@ -81,9 +163,9 @@
     }
 
 
- 
-  
-   
+
+
+
 //initMap();
 // -->
 </script>