bootstrap面板中的表格分割线从粗到细

Question

这是一个屏幕保护程序或一个引导程序面板内的表。代码如下：

<table class="table">
                <thead>
                    <tr>
                        <th>Mon</th>
                        <th>Tue</th>
                        <th>Wed</th>
                        <th>Thu</th>
                        <th>Fri</th>
                        <th>Sat</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        @for (int i = 0; i < 7; i++)
                        {
                            var meetingTime = meeting.MeetingTimes.FirstOrDefault(m => m.MeetingDay == (DayOfWeek)i);
                            <td>
                                @if (meetingTime != null)
                                {

                                    @meetingTime.MeetingTime.ToString("h:mmt")<br />
                                    foreach (var type in meetingTime.MeetingTypes)
                                    {
                                        <a data-placement="left" data-toggle="tooltip" title="@type.LongName">@type.ShortName</a><br />
                                    }
                                }
                            </td>
                        }
                    </tr>
                </tbody>
            </table>

这只是一个错误还是我做错了什么？标题行顶部的水平线结束，下面的线在同一个地方从粗到细。

截图来自内部铬。但同样的事情发生在IE内部，而在我手机上的内部镀铬。我相信它们是最新的版本。

Answer 1

问题是我在<thead>和<tbody>标记中有不同数量的列。忘了包括星期天！糟糕。