Abstand Zwischen Tabellenzeilen

Sollte dies ein einfaches problem, aber ich habe eine harte Zeit immer den html-Code anzuzeigen, wie ich es möchte...

Das problem ist der Platz zwischen meinen Zeilen...ich will nicht Platz zwischen meinen Zeilen. Ich will nur meine Tabelle zu schauen, wie eine Tabelle mit schwarzen Rahmen. Ich bin mit einer datalist und haben einen Tisch in der datalist-Steuerelement Vorlagen. Ich habe messing mit diesem für ein paar Stunden jetzt, und ich habe versucht, ein paar verschiedene Variationen von CSS und Tabelle. Kann mir jemand sagen, wohin ich gehe falsch gemacht? Unten ist meine aktuelle mark-up.

<style type="text/css">
.tdHeader
{
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    font-family: Arial;
    font-size: 8pt;
    margin: 0;
    background-color: #DCDCDC;
    font-weight: bold;
}
.tdBorder
{
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    font-family: Arial;
    font-size: 8pt;
    margin: 0;
    text-align: center;
}
.trNoSpace
{
    margin: 0;
    padding: 0;
}
</style>

<asp:DataList ID="DataList1" runat="server" DataKeyField="Oid" 
DataSourceID="xdsHUDEligibilityMember">
<HeaderTemplate>
    <table cellspacing="0" width="600">
        <tr class="trNoSpace">
            <td class="tdHeader" width="100">Household Member Number
            </td>
            <td class="tdHeader">Household Member Name
            </td>
            <td class="tdHeader">Age of Household Member
            </td>
        </tr>
</HeaderTemplate>
<ItemTemplate>
        <tr class="trNoSpace">
            <td class="tdBorder">
                <asp:Label ID="Label2" runat="server" Text='<%# Eval("Oid") %>' />
            </td>
            <td class="tdBorder">  
                <asp:Label ID="Label1" runat="server" Text='<%# Eval("FullName") %>' />
            </td>
            <td class="tdBorder">
                <asp:Label ID="AgeAtEffectiveDateLabel" runat="server" Text='<%# Eval("AgeAtEffectiveDate") %>' />
            </td>
        </tr>
</ItemTemplate>    
<FooterTemplate>
        <tr class="trNoSpace">
            <td class="tdBorder">
            </td>
            <td class="tdBorder">
            </td>
            <td class="tdBorder">
            </td>
        </tr>
    </table>
</FooterTemplate>

InformationsquelleAutor AGoodDisplayName | 2010-05-19

2

Ersten, ich glaube, Sie brauchen, um mit der GridView Kontrolle. Dann in das markup ist sicherzustellen, dass cellpadding und cellspacing auf null und dann gelten die folgenden CSS...
```
table { border-collapse: collapse; }
table tr, table td, table th { border: solid 1px #000; margin: 0; padding: 0; }
```
- Obwohl es sich um bug mich, dass ich nicht diese Arbeit in einer datalist, ich sollte gedacht haben, über die Verwendung der gridview in den ersten Platz. Das funktioniert, danke.
- Ich denke, dass Sie wohl hätte kam es zu arbeiten mit einer DataList, aber das ist eine geeignete Lösung, IMO
- Ja, ich denke irgendwann könnte es herausgefunden haben, aber wie viel Zeit ist es das Wert? Nochmals vielen Dank.
InformationsquelleAutor Josh Stodola
0

Ich glaube, du bist auf der Suche nach:
```
 border-collapse: collapse;
```
Es zusammenbricht angrenzenden Grenzen in einem.
- Diese Regel funktioniert, aber es hat nicht in meiner mark-up. Danke.
InformationsquelleAutor Aren
0

Versuchen Sie die DataList CellPadding und CellSpacing Attribute auf null.
- Dies versuchte, es hat nicht funktioniert, aber danke.
InformationsquelleAutor Mark M
0

Diese ist ganz praktisch, um herauszufinden, diese Fragen.
- Dies ist praktisch, und ich habe die Beispiel-Tabelle zu erscheinen, als ich es wollte, aber wenn ich die css auf mein Zeichen, bis es das Problem nicht löst. Trotzdem danke.
InformationsquelleAutor Alex K.
0

GridView ' s gerendert werden, als Tische zu machen, und Abstand einfach ändern Sie den Abstand zwischen den Spalten der Tabelle. Zuerst erstellen Sie eine Haupt-css-name für das GridView:

<asp:GridView ID="GridView1" CssClass="MyGridView" runat="server">

dann in der css ändern Sie die Tabelle Spalten Polsterung wie gewünscht:
```
`.MyGridView{
border: none;

}

 .MyGridView tr{
  text-align: left;
  vertical-align: top;

 }

.MyGridView td{
  vertical-align: top;
 padding-bottom: 100px;

  }`
```
InformationsquelleAutor Oddacon

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.