Add table-responsive

2019-11-26 22:01:59 -05:00
parent bc9fac2785
commit 5eeda61e47
2 changed files with 25 additions and 21 deletions
@@ -5,16 +5,18 @@
    var grid = new WebGrid(Model, rowsPerPage: 45);
 }

-@grid.Table(columns:
-    grid.Columns(
-        grid.Column("Identifier", "Identifier"),
-        grid.Column("SiteId", "Site Id"),
-        //grid.Column("Name", "Submitted By"),
-        grid.Column("CurrentStatus", "Status", item => Status(item.Value)),
-        grid.Column("", "", item => ChartLink(item.Value))
-        ),
-    htmlAttributes: new { @class = "table table-striped table-bordered table-hover table-condensed" }
-    )
+<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("CurrentStatus", "Status", item => Status(item.Value)),
+            grid.Column("", "", item => ChartLink(item.Value))
+            ),
+        htmlAttributes: new { @class = "table table-striped table-bordered table-hover table-condensed" }
+        )
+</div>
@grid.BootstrapPager()

@helper ChartLink(LeafInput leafInput)