Last post Mar 16, 2020 01:22 PM by Koss86
Member
40 Points
158 Posts
Mar 16, 2020 12:01 PM|shijostephen|LINK
Hi,
how to hide mvc grid column.. I need to hide InvoiceNo and OrderNo..
view is below
@model TASKS.Models.PurchaseGoodsQCFindPageDTO @using GridMvc.Html @{ ViewBag.Title = "Purchased Goods QC"; } <script src="~/Scripts/jquery-1.11.1.js"></script> <script src="~/Scripts/jquery-ui.min.js"></script> <link href="~/Scripts/jquery-ui.min.css" rel="stylesheet" /> <script src="~/bootstrap/js/bootstrap.min.js"></script> <link href="~/bootstrap/css/bootstrap.min.css" rel="stylesheet" /> <link href="~/Content/Site.css" rel="stylesheet" /> <div class="container"> <div class="clearfix"></div> <fieldset> <legend class="legend">Purchased Goods QC</legend> <div class="panel"> <div class="panel-body"> @using (Html.BeginForm("FindInsp", "PurchasedGoodsQC", FormMethod.Post)) { @Html.AntiForgeryToken() <div class="row"> <div class="col-md-3"> @Html.DisplayNameFor(model => model.FromDate) </div> <div class="col-md-3"> @Html.TextBoxFor(model => model.FromDate, "{0:dd/MM/yyyy}", new { @class = "form-control", @readonly = true }) @Html.ValidationMessageFor(model => model.FromDate) </div> <div class="col-md-3"> @Html.DisplayNameFor(model => model.ToDate) </div> <div class="col-md-3"> @Html.TextBoxFor(model => model.ToDate, "{0:dd/MM/yyyy}", new { @class = "form-control", @readonly = true }) @Html.ValidationMessageFor(model => model.ToDate) </div> </div> <div style="margin-top: 5px"></div> <div class="row"> <div class="col-md-12"> <input id="Submit" class="btn btn-success" type="submit" value="Find" /> </div> </div> } @Html.Grid(Model.objListInspectionFindDTO).Columns(columns => { columns.Add(c => c.InspectionNo).Titled("InspectionNo").Filterable(true).Encoded(false) .Sanitized(false).SetWidth(50); columns.Add(c => c.PurchaseNo).Titled("PurchaseNo").Filterable(true).Encoded(false) .Sanitized(false).SetWidth(50); columns.Add(c => c.VendorName).Titled("VendorName").Filterable(true).Encoded(false) .Sanitized(false).SetWidth(50); columns.Add(c => c.InvoiceNo).Titled("InvoiceNo").Filterable(true).Encoded(false) .Sanitized(false).SetWidth(0); columns.Add(c => c.OrderNo).Titled("OrderNo").Filterable(true).Encoded(false) .Sanitized(false).SetWidth(0); columns.Add(c => c.InspectionDate).Titled("InspectionDate").Format("{0:dd/MM/yyyy}").Filterable(true).Encoded(false) .Sanitized(false).SetWidth(50); columns.Add() .Encoded(false) .Sanitized(false) .SetWidth(20) .RenderValueAs(o => Html.ActionLink("Select", "SelectInsp", new { InspectionNo = o.InspectionNo, PurchaseNo = o.PurchaseNo, OrderNo = o.OrderNo, VendorName = o.VendorName, InvoiceNo = o.InvoiceNo })).Titled("Edit"); }).WithPaging(10).Sortable(true) </div> </div> </fieldset> </div> @section Scripts { <script src="~/Scripts/jquery-ui.js"></script> @Styles.Render("~/Content/themes/base/css") <script type="text/javascript"> $(document).ready(function () { $("#FromDate").datepicker({ changeMonth: true, changeYear: true, dateFormat: 'dd/mm/yy' }); $("#ToDate").datepicker({ changeMonth: true, changeYear: true, dateFormat: 'dd/mm/yy' }); }); </script> }
Thanks & Regards
Shijo
Mar 16, 2020 12:09 PM|shijostephen|LINK
<style> .collapse { display: none; } .bolded { font-weight: bold; } </style>
columns.Add(c => c.InvoiceNo).Titled("InvoiceNo").Filterable(true).Encoded(false) .Sanitized(false).SetWidth(0).Css("collapse"); ; columns.Add(c => c.OrderNo).Titled("OrderNo").Filterable(true).Encoded(false) .Sanitized(false).SetWidth(0).Css("collapse");
11 Points
19 Posts
Mar 16, 2020 01:22 PM|Koss86|LINK
Try datable.net =) It's free jquery client plugin..
Member
40 Points
158 Posts
hide mvc grid column
Mar 16, 2020 12:01 PM|shijostephen|LINK
Hi,
how to hide mvc grid column.. I need to hide InvoiceNo and OrderNo..
view is below
Thanks & Regards
Shijo
Member
40 Points
158 Posts
Re: hide mvc grid column
Mar 16, 2020 12:09 PM|shijostephen|LINK
Member
11 Points
19 Posts
Re: hide mvc grid column
Mar 16, 2020 01:22 PM|Koss86|LINK
Try datable.net =) It's free jquery client plugin..