Css MVC WebGrid列宽-未应用

关于

我在这里设置列宽，但它不适用于

“SNo”

@grid.GetHtml（表样式：“webGrid”，标题样式：“header”，alternatingRowStyle：“alternatingrow”，
列：grid.columns(
grid.Column（“”，样式：“按钮”，
格式：
@
编辑
更新
取消
),
grid.Column（“ParentSNo”，canSort:true，
格式：
@
@item.ParentSNo
),
网格柱（“SNo”，样式：“大”），
网格柱（“CAT”），
网格栏（“名称”），
网格列（“MaritalStatus”））
)
.大{
宽度：150px；
}

---

提前谢谢

发布您的整个视图，这会有所帮助。请查看下面的示例，希望它能有所帮助

<script type="text/javascript">
  $(function () {
    $("a.postLink").click(function (e) {
      e.preventDefault();
      $.post($(this).attr("href"), function (data) {
      });
    });
  });
</script>

<h2>Employee Details</h2>
<style type="text/css">
  .table {
    margin: 4px;
    border-collapse: collapse;
    width: 300px;
  }

  .header {
    background-color: gray;
    font-weight: bold;
    color: #fff;
  }

  .table th, .table td {
    border: 1px solid black;
    padding: 5px;

  }
</style>
<div class="test" style="overflow: scroll; width: 1000px">
  @grid.GetHtml(
    tableStyle: "table",
    fillEmptyRows: false,
    headerStyle: "header",
    footerStyle: "grid-footer",
    mode: WebGridPagerModes.All, 
    columns: new[] 
    {
        grid.Column("FileName"),
        grid.Column("EmployeeName"),
        grid.Column("Description","Address"),
        grid.Column("EmailAddress"),
        grid.Column("ContactNumber"),
        grid.Column("EndDate","DateOfBirth",format: item => string.Format("{0:dd-MMM-yyyy}", item.EndDate)),
        grid.Column("Status","Shift"),
        grid.Column("SelectedCityName","Preferred Location"),
        grid.Column("EstimatedCost","Salary",format: (item) => new HtmlString("&#x20B9;"+Convert.ToString(item.EstimatedCost))),
        grid.Column("SelectedCategory","Department"),
        grid.Column("SelectedRequirements","SkillSet"),
        grid.Column("","",format:(item) => @Html.ActionLink("Delete", "Delete", new {Id = item.PId}, new { onclick = "return confirm('Are you sure you wish to delete this record?');" })),
        grid.Column("","",format:(item) => @Html.ActionLink("Edit", "Edit", new {Id = item.PId}))
   })

  </div>

$（函数（）{
$（“a.postLink”）。单击（函数（e）{
e、 预防默认值（）；
$.post（$（this.attr（“href”），函数（数据）{
});
});
});
员工详细信息
.桌子{
保证金：4倍；
边界塌陷：塌陷；
宽度：300px；
}
.标题{
背景颜色：灰色；
字体大小：粗体；
颜色：#fff；
}
.表th、.表td{
边框：1px纯黑；
填充物：5px；
}
@grid.GetHtml(
表样式：“表”，
fillEmptyRows:false，
headerStyle:“header”，
页脚样式：“网格页脚”，
模式：WebGridPagerModes.All，
列：新[]
{
grid.Column（“文件名”），
grid.列（“EmployeeName”），
网格栏（“说明”、“地址”），
网格栏（“电子邮件地址”），
网格栏（“联系人编号”），
grid.Column（“EndDate”，“DateOfBirth”，format:item=>string.format（“{0:dd-MMM-yyyy}”，item.EndDate）），
网格栏（“状态”、“移位”），
grid.列（“SelectedCityName”、“首选位置”），
grid.Column（“EstimatedCost”、“Salary”，格式：（item）=>new-HtmlString（₹；“+Convert.ToString（item.EstimatedCost）），
网格栏（“选定类别”、“部门”），
网格列（“选定的要求”、“技能集”），
grid.Column（“，”，format:（item）=>@Html.ActionLink（“Delete”，“Delete”，new{Id=item.PId}，new{onclick=“return confirm（'您确定要删除此记录吗？'）；“}”），
grid.Column（“，”，格式：（item）=>@Html.ActionLink（“编辑”，“编辑”，新的{Id=item.PId}））
})

发布您的整个视图，这会有所帮助。请查看下面的示例，希望它能有所帮助

<script type="text/javascript">
  $(function () {
    $("a.postLink").click(function (e) {
      e.preventDefault();
      $.post($(this).attr("href"), function (data) {
      });
    });
  });
</script>

<h2>Employee Details</h2>
<style type="text/css">
  .table {
    margin: 4px;
    border-collapse: collapse;
    width: 300px;
  }

  .header {
    background-color: gray;
    font-weight: bold;
    color: #fff;
  }

  .table th, .table td {
    border: 1px solid black;
    padding: 5px;

  }
</style>
<div class="test" style="overflow: scroll; width: 1000px">
  @grid.GetHtml(
    tableStyle: "table",
    fillEmptyRows: false,
    headerStyle: "header",
    footerStyle: "grid-footer",
    mode: WebGridPagerModes.All, 
    columns: new[] 
    {
        grid.Column("FileName"),
        grid.Column("EmployeeName"),
        grid.Column("Description","Address"),
        grid.Column("EmailAddress"),
        grid.Column("ContactNumber"),
        grid.Column("EndDate","DateOfBirth",format: item => string.Format("{0:dd-MMM-yyyy}", item.EndDate)),
        grid.Column("Status","Shift"),
        grid.Column("SelectedCityName","Preferred Location"),
        grid.Column("EstimatedCost","Salary",format: (item) => new HtmlString("&#x20B9;"+Convert.ToString(item.EstimatedCost))),
        grid.Column("SelectedCategory","Department"),
        grid.Column("SelectedRequirements","SkillSet"),
        grid.Column("","",format:(item) => @Html.ActionLink("Delete", "Delete", new {Id = item.PId}, new { onclick = "return confirm('Are you sure you wish to delete this record?');" })),
        grid.Column("","",format:(item) => @Html.ActionLink("Edit", "Edit", new {Id = item.PId}))
   })

  </div>

$（函数（）{
$（“a.postLink”）。单击（函数（e）{
e、 预防默认值（）；
$.post（$（this.attr（“href”），函数（数据）{
});
});
});
员工详细信息
.桌子{
保证金：4倍；
边界塌陷：塌陷；
宽度：300px；
}
.标题{
背景颜色：灰色；
字体大小：粗体；
颜色：#fff；
}
.表th、.表td{
边框：1px纯黑；
填充物：5px；
}
@grid.GetHtml(
表样式：“表”，
fillEmptyRows:false，
headerStyle:“header”，
页脚样式：“网格页脚”，
模式：WebGridPagerModes.All，
列：新[]
{
grid.Column（“文件名”），
grid.列（“EmployeeName”），
网格栏（“说明”、“地址”），
网格栏（“电子邮件地址”），
网格栏（“联系人编号”），
grid.Column（“EndDate”，“DateOfBirth”，format:item=>string.format（“{0:dd-MMM-yyyy}”，item.EndDate）），
网格栏（“状态”、“移位”），
grid.列（“SelectedCityName”、“首选位置”），
grid.Column（“EstimatedCost”、“Salary”，格式：（item）=>new-HtmlString（₹；“+Convert.ToString（item.EstimatedCost）），
网格栏（“选定类别”、“部门”），
网格列（“选定的要求”、“技能集”），
grid.Column（“，”，format:（item）=>@Html.ActionLink（“Delete”，“Delete”，new{Id=item.PId}，new{onclick=“return confirm（'您确定要删除此记录吗？'）；“}”），
grid.Column（“，”，格式：（item）=>@Html.ActionLink（“编辑”，“编辑”，新的{Id=item.PId}））
})

没有。救命啊@Zed发布你的整个观点，以便我们可以纠正。我认为问题可能只是缺少字符或类似的东西。不。救命啊@Zed发布您的整个视图，以便我们可以更正。我认为问题可能只是缺少字符或类似的东西