Improved no rowHeaders responsive table layout

micc83 · Nov 21, 2013 · dd9acec · dd9acec
1 parent f93b21d
commit dd9acec
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 11 deletions.
diff --git a/jquery.restable.css b/jquery.restable.css
@@ -4,7 +4,11 @@ ul.tabletolist {
 }
 /* Table with no row headers */
 ul.tabletolist.nrh {
-    text-align: center;
+	border-bottom: 2px solid #ddd;resize
+}
+/* Table with no row headers columns */
+ul.tabletolist.nrh > li  {
+    border-top: 2px solid #ddd;
 }
 /* Table defaults */
 ul.tabletolist, ul.tabletolist ul {

diff --git a/jquery.restable.js b/jquery.restable.js
@@ -37,36 +37,37 @@
 
                     index++;
 
-                    if (!$result[value]) {
-                        $result[value] = {};
-                    }
                     if (s.rowHeaders) {
+                    	if (!$result[value]) { $result[value] = {}; }
                         $result[value][$row.children('td:nth-child(1)').text()] = $row.children('td:nth-child(' + (index + 1) + ')').text();
                     } else {
-                        $result[value][$row_number] = $row.children('td:nth-child(' + index + ')').text();
+                    	if (!$result[$row_number]) { $result[$row_number] = {}; }
+                        $result[$row_number][value] = $row.children('td:nth-child(' + index + ')').text();
                     }
 
                 });
 
             });
+
+            console.log($result);
 
             // Crea la lista
             $list = $('<ul/>', {
                 class: 'tabletolist ' + ((s.rowHeaders) ? 'rh' : 'nrh'),
                 id: 'tabletolist' + i
             }).insertBefore($(element));
             $.each($result, function (index, value) {
-
+				
                 var $myrow = $('<li/>', {
-                    html: '<span class="titles">' + index + '</span>'
+                    html: (s.rowHeaders)? '<span class="titles">' + index + '</span>' : ''
                 }).appendTo($list);
 
                 var $myrowul = $('<ul/>').appendTo($myrow);
 
                 $.each(value, function (index, value) {
-
+					
                     $('<li/>', {
-                        html: (s.rowHeaders) ? '<span class="row_headers">' + index + '</span> <span class="row_data">' + value + '</span>' : value
+                        html: '<span class="row_headers">' + index + '</span> <span class="row_data">' + value + '</span>'
                     }).appendTo($myrowul);
 
                 });

diff --git a/jquery.restable.min.css b/jquery.restable.min.css
diff --git a/jquery.restable.min.js b/jquery.restable.min.js