fixed the popup theme

Author: Scott Jehl

css/structure/jquery.mobile.table.columntoggle.css

@@ -23,7 +23,21 @@
   td.ui-table-priority-2,
   th.ui-table-priority-1,
   td.ui-table-priority-1 {
-    display: none;
+    width: 0;
+  }
+  th.ui-table-priority-6 *,
+  td.ui-table-priority-6 *,
+  th.ui-table-priority-5 *,
+  td.ui-table-priority-5 *,
+  th.ui-table-priority-4 *,
+  td.ui-table-priority-4 *,
+  th.ui-table-priority-3 *,
+  td.ui-table-priority-3 *,
+  th.ui-table-priority-2 *,
+  td.ui-table-priority-2 *,
+  th.ui-table-priority-1 *,
+  td.ui-table-priority-1 * {
+    width: 0;
   }
 }
 
@@ -55,6 +69,10 @@
 }
 th.ui-table-cell-hidden,
 td.ui-table-cell-hidden {
+  width: 0;
+}
+th.ui-table-cell-hidden *,
+td.ui-table-cell-hidden * {
   display: none;
 }
 

docs/tables/column-financial.html

@@ -100,24 +100,24 @@ <h2>Responsive table</h2>
 						<th>State</th>
 
 						<th data-grouping="Q1 2012">Income</th>
-						<th>Profit</th>
-						<th>Change</th>
+						<th data-priority="1">Profit</th>
+						<th data-priority="1">Change</th>
 
-						<th>Income</th>
-						<th>Profit</th>
-						<th>Change</th>
+						<th data-priority="2">Income</th>
+						<th data-priority="2">Profit</th>
+						<th data-priority="2">Change</th>
 
-						<th>Income</th>
-						<th>Profit</th>
-						<th>Change</th>
+						<th data-priority="3">Income</th>
+						<th data-priority="3">Profit</th>
+						<th data-priority="3">Change</th>
 
-						<th>Income</th>
-						<th>Profit</th>
-						<th>Change</th>
+						<th data-priority="4">Income</th>
+						<th data-priority="4">Profit</th>
+						<th data-priority="4">Change</th>
 
-						<th>Income</th>
-						<th>Profit</th>
-						<th>Change</th>
+						<th data-priority="4">Income</th>
+						<th data-priority="4">Profit</th>
+						<th data-priority="4">Change</th>
 					</tr>
 				</thead>
 

js/widgets/jquery.mobile.table.columntoggle.js

@@ -58,7 +58,9 @@ $( document ).delegate( ":jqmData(role='table')", "tablecreate", function() {
             .appendTo( $menu )
             .children( 0 )
             .jqmData( "cells", $cells )
-            .checkboxradio();
+            .checkboxradio({
+               theme: o.columnPopupTheme
+            });
       }
    });
 
@@ -70,9 +72,7 @@ $( document ).delegate( ":jqmData(role='table')", "tablecreate", function() {
 
    $popup
       .insertBefore( $table )
-      .popup({
-         theme: o.columnPopupTheme
-      });
+      .popup();
 
    // bind change event listeners to inputs - TODO: move to a private method?
    $menu.on( "change", "input", function( e ){