Question

我正在使用内部网，特别是在可以打印出来的报告页面上，显示一个网格，其中包含员工在选定月份工作的小时数。以下是现在的截图：

正如您所知，信息显示中没有太多分离和清晰度。

以下是显示所有内容的视图部分：

  <table> 

    <tr>
        <th>Date</th>
        <th>Activité</th>
    </tr>
<%

    int total = 0;
    int i = 0;
    foreach (var jour in ViewBag.ListDaysOfMonth)
    {
        if (ViewBag.ReportInts.Length > i)
        {
            total += decimal.Parse(ViewBag.ReportInts[i]);

            if (jour.Contains("Mo") && i != 0)
            {
            %>

            <tr>
            <td colspan="2">&nbsp;
            </td>
            </tr>

            <%
            }  
            %>

            <tr>
            <td width="150"><%= jour%>&nbsp;</td>
            <td><%= ViewBag.ReportInts[i++]%></td>
            </tr>
<%
        }
        else
        {
%>
            <tr>
            <td align="center" colspan="2">Aucune activité.</td>
            </tr>
<%
        }
    }
%>
   <tr>
        <th>Total</th>
        <th><%= total %></th>
   </tr>             
</table>

由于某些奇怪的原因，我无法将其显示为显示信息作为一个网格（没有任何插件，只有css）。

table
{
    border-collapse: separate;
    border-spacing: 2px;
    margin-top: 0.75em;
    border: 2px;
}

th
{
    font-size: 0.85em;
    text-align: left;
    padding-left: 0;
}

我对这项技术比较陌生，我怎样才能干净利落地分开显示？

编辑：

这或多或少是我想要的最终显示（没有背景颜色）

EDIT2：< / p>

通过直接在代码中处理这种表格样式，我已经非常接近我想要的东西（我知道这通常不是一个好主意）。通过在需要时添加style="border:1px solid;"，可以显示网格。

Answer 1

您只在CSS文件中指定了边框的宽度。您还应指定border-style属性，以便显示它。

例如：

border: 1px solid black;

颜色（我的示例中为黑色）是可选的，但您可以使用速记将其与其他属性一起指定。

另请参阅this MDN article有关在CSS中指定边框的内容。

样式元素没有显示

1 个答案: