hide mvc grid column [Answered]RSS

• • Reply
  shijostephen

  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 

  @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

• • Reply
  shijostephen

  Member

  40 Points

  158 Posts

  Re: hide mvc grid column

  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");

• • Reply
  Koss86

  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..