Add table-responsive

2019-11-26 22:01:59 -05:00
parent bc9fac2785
commit 5eeda61e47
2 changed files with 25 additions and 21 deletions
@@ -29,17 +29,19 @@

@if (Model.Items.Any())
 {
-    @grid.Table(columns:
-        grid.Columns(
-            grid.Column("Identifier", "Identifier"),
-            grid.Column("SiteId", "Site Id"),
-            grid.Column("Name", "Submitted By"),
-            grid.Column("TimeInProgress", "Statistics", item => Statistics(item.Value)),
-            grid.Column("CurrentStatus", "Status", item => Status(item.Value)),
-            grid.Column("Total Results: " + Model.Items.Count(), format: item => Btns(item.Value))),
-        htmlAttributes: new {@class = "table table-striped table-bordered table-hover table-condensed"}
-        )
-    @grid.BootstrapPager()
+    <div class="table-responsive">
+        @grid.Table(columns:
+            grid.Columns(
+                grid.Column("Identifier", "Identifier"),
+                grid.Column("SiteId", "Site Id"),
+                grid.Column("Name", "Submitted By"),
+                grid.Column("TimeInProgress", "Statistics", item => Statistics(item.Value)),
+                grid.Column("CurrentStatus", "Status", item => Status(item.Value)),
+                grid.Column("Total Results: " + Model.Items.Count(), format: item => Btns(item.Value))),
+            htmlAttributes: new {@class = "table table-striped table-bordered table-hover table-condensed"}
+            )
+        @grid.BootstrapPager()
+    </div>
 }
 else
 {