将html表格设计为gridView答案

【问题标题】：Design html table as gridView将html表格设计为gridView
【发布时间】：2014-04-09 06:53:48
【问题描述】：

我使用 vb.net。我有一个带有属性“GridLines”的gridView。当我执行 GridLines="Both" 时，它会以某种颜色和形状标记线条。我希望通过 CSS 在常规 html 表格中进行完全相同的设计。我该怎么做？

【问题讨论】：

“我想要在普通的 html 表格中完全一样的设计”，你只需要外观和感觉吗？或者您还将显示来自DataSource的数据？
只是外观和感觉。在 asp:GridView 中有一个属性 GridLines="Both"。我希望在 html 表中具有相同的效果。谢谢
您可以将border 添加到table 以实现此目的。
我已经添加了一个答案，试一试告诉我结果。
谢谢，正是我需要的！

【解决方案1】：

您可以使用 gridview 中的应用类并将GridLines="None" 设置为无。这里我举个例子

  <asp:GridView ID="grid_patient" Style="width: 100%;" CssClass="salesGrid" runat="server" GridLines="None" AutoGenerateColumns="False" ProcessFocusedRowChangedOnServer="disable" >

然后你的 css 如下所示

.salesGrid
        {
            font-size: 12px;                                
            overflow: hidden;
            border:1px solid #000000;
        }

【讨论】：

【解决方案2】：

要为表格的单元格添加边框（如GridLines="Both" 所做的那样），请尝试以下操作。

为table 添加一个css 类。假设类名是gridlines。然后添加如下样式，

.gridlines table
{
  border-collapse:collapse;
}
.gridlines table tr td
{
 padding:0;
 border:1px solid black;
}

【讨论】：

谢谢，我做了别的。我只是在表格标签中执行“border=solid”，它就可以工作了。当我在 css 中执行“border:solid”时，它会执行表格的外边框。
@shlomi 那很好:)