Add table-responsive

This commit is contained in:
2019-11-26 22:01:59 -05:00
parent bc9fac2785
commit 5eeda61e47
2 changed files with 25 additions and 21 deletions
+13 -11
View File
@@ -29,17 +29,19 @@
@if (Model.Items.Any()) @if (Model.Items.Any())
{ {
@grid.Table(columns: <div class="table-responsive">
grid.Columns( @grid.Table(columns:
grid.Column("Identifier", "Identifier"), grid.Columns(
grid.Column("SiteId", "Site Id"), grid.Column("Identifier", "Identifier"),
grid.Column("Name", "Submitted By"), grid.Column("SiteId", "Site Id"),
grid.Column("TimeInProgress", "Statistics", item => Statistics(item.Value)), grid.Column("Name", "Submitted By"),
grid.Column("CurrentStatus", "Status", item => Status(item.Value)), grid.Column("TimeInProgress", "Statistics", item => Statistics(item.Value)),
grid.Column("Total Results: " + Model.Items.Count(), format: item => Btns(item.Value))), grid.Column("CurrentStatus", "Status", item => Status(item.Value)),
htmlAttributes: new {@class = "table table-striped table-bordered table-hover table-condensed"} 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() )
@grid.BootstrapPager()
</div>
} }
else else
{ {
+12 -10
View File
@@ -5,16 +5,18 @@
var grid = new WebGrid(Model, rowsPerPage: 45); var grid = new WebGrid(Model, rowsPerPage: 45);
} }
@grid.Table(columns: <div class="table-responsive">
grid.Columns( @grid.Table(columns:
grid.Column("Identifier", "Identifier"), grid.Columns(
grid.Column("SiteId", "Site Id"), grid.Column("Identifier", "Identifier"),
//grid.Column("Name", "Submitted By"), grid.Column("SiteId", "Site Id"),
grid.Column("CurrentStatus", "Status", item => Status(item.Value)), //grid.Column("Name", "Submitted By"),
grid.Column("", "", item => ChartLink(item.Value)) 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" } ),
) htmlAttributes: new { @class = "table table-striped table-bordered table-hover table-condensed" }
)
</div>
@grid.BootstrapPager() @grid.BootstrapPager()
@helper ChartLink(LeafInput leafInput) @helper ChartLink(LeafInput leafInput)