Colspan没有按预期工作,只跨越一列

时间:2017-02-04 17:57:51

标签: c# html css asp.net-mvc

我的colspan设置正确但无法正常工作,就好像它不存在一样,见下文:

enter image description here

我不知道为什么会发生这种情况或如何修复,我的桌面CSS是否可以阻止它正常运行?

设置colspan的代码:

<div class="fixedTable fullwidth" id="demo">
    <header class="fixedTable-header">
        <table class="table table-bordered">
            <thead>
            <tr>

                @for (int j = 0; j < Model.SupervisorAndProjects.Count(); j++)
                {
                    string background = Model.AssignedArray[j]%2 == 0 ? "background-color:#7BD2ED" : "background-color:#74C3DB";
                    string text = "color:#ffffff";
                    <th style="text-align: center; @background; @text" colspan="@Model.SupervisorAndProjects[j].NumberOfProjects">@Model.SupervisorAndProjects[j].SupervisorProjects (@Model.SupervisorAndProjects[j].MaxLoad/@Model.SupervisorAndProjects[j].NumberOfProjects)</th>
                }
            </tr>
            </thead>
        </table>
    </header>

这是我的表格的CSS:

.fixedTable .table {
 background-color: white;
 width: auto;
}
.fixedTable .table tr td,
.fixedTable .table tr th {
  min-width: 100px;
  min-height: 20px;
  height: 20px;
  padding: 5px;
}
.fixedTable-header {
  width: 87.5%;
  height: 30px;
  margin-left: 12.5%;
  overflow: hidden;
  border-bottom: 1px solid #CCC;
}
.fixedTable-sidebar {
  width: 12.5%;
  height: 95%;
  float: left;
  overflow: hidden;
  border-right: 1px solid #CCC;
}
.fixedTable-body {
  overflow: auto;
  width: 87.5%;
  height: 95%;
  float: left;
}

1 个答案:

答案 0 :(得分:0)

从它的外观来看,你已经拆分了表格,你需要确保它们是同一个表格的所有部分,以使colspan有效。