表設計嵌入式datalist

我使用下面的代碼來查看像圖片1的結果，但像圖片2的結果即將到來。應該做些什麼來解決它？表設計嵌入式datalist

ASPX代碼：

<asp:datalist id="dtlUrun" runat="server" RepeatDirection="Horizontal"> 
      <ItemTemplate> 
       <table class="dtlTable"> 
        <tr> 
         <td class="dtlHeader"></td> 
         <td class="dtlHeader"><%#DataBinder.Eval(Container.DataItem, "DS_MAMUL")%></td> 
        </tr> 
        <asp:DataList ID="dtlBayi" Runat="server"> 
         <ItemTemplate> 
          <tr> 
           <td class="dtlColumn"><%#DataBinder.Eval(Container.DataItem, "DS_BAYI")%></td> 
           <td class="dtlColumn"><%#DataBinder.Eval(Container.DataItem, "MT_MIKTAR")%></td> 
          </tr> 
         </ItemTemplate> 
        </asp:DataList> 
       </table> 
      </ItemTemplate> 
     </asp:datalist>

風格：

<style type="text/css"> 

.dtlTable { 
    BORDER-RIGHT: #000000 1px solid; 
    BORDER-TOP: #000000 1px solid; 
    BORDER-LEFT: #000000 1px solid; 
    BORDER-BOTTOM: #000000 1px solid; 
    BORDER-COLLAPSE: collapse; 
    BACKGROUND-COLOR: #fafafa; 
    border-spacing: 0px; 
} 
.dtlColumn { 
    PADDING-RIGHT: 0px; 
    PADDING-LEFT: 8px; 
    FONT-WEIGHT: normal; 
    FONT-SIZE: 0.7em; 
    PADDING-BOTTOM: 4px; 
    COLOR: #404040; 
    PADDING-TOP: 4px; 
    BORDER-BOTTOM: #6699cc 1px dotted; 
    FONT-FAMILY: Verdana, sans-serif, Arial; 
    BACKGROUND-COLOR: #fafafa; 
    TEXT-ALIGN: left; 
} 
.dtlHeader { 
    BORDER-RIGHT: #000000 1px solid; 
    BORDER-TOP: #000000 1px solid; 
    FONT-WEIGHT: bold; 
    FONT-SIZE: 12px; 
    BORDER-LEFT: #000000 1px solid; 
    COLOR: #404040; 
    BORDER-BOTTOM: #000000 1px solid; 
    FONT-FAMILY: Verdana; 
    BACKGROUND-COLOR: #99cccc; 
} 

    </script>

VB代碼：

Private Sub bindGrid() 
    Dim objUrun As New caynet_class.cls_LU_MAMUL 
    Me.dtlUrun.DataSource = objUrun.GetBy_MAMUL_ARALIGI(Session("CAY_NEVILERI_SATIS_KRITER")("MAMUL_NO1"), Session("CAY_NEVILERI_SATIS_KRITER")("MAMUL_NO2")) 
    Me.dtlUrun.DataBind() 
End Sub 

Private Sub dtlUrun_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataListItemEventArgs) Handles dtlUrun.ItemDataBound 
    If Not e.Item.ItemIndex = -1 Then 
     Dim mamulNo As Integer = CType(DataBinder.Eval(e.Item.DataItem, "MAMUL_NO"), Integer) 
     CType(e.Item.FindControl("dtlBayi"), DataList).DataSource = caynet_class.cls_RAPOR_SATIS.Get_Cay_Nevileri_Satis2(mamulNo) 
     CType(e.Item.FindControl("dtlBayi"), DataList).DataBind() 
     Session("dtlDurum") = False 
    End If 
End Sub

圖片1：http://img146.imageshack.us/my.php?image=89632085xz4.jpg

圖2：http://img227.imageshack.us/my.php?image=15383944jq6.jpg

來源

2008-11-29 mavera

現在的圖像鏈接是死使這個問題不清楚。 – 2016-09-15 10:53:19

從我在代碼中可以看出的第一個datalist與兩個標題項綁定，然後在裏面你有單獨的元素。您的模板會爲每個部分創建一個表，但默認情況下，表將成爲塊級元素。我的猜測是，你可以用CSS修復，但我必須檢查。我個人會做這樣的事情。

<asp:dataList id="" runat="server"> 
    <headertemplate> 
     <table> 
      <tr> 
    </headertemplate> 
    <itemtemplate> 
     <td> 
      <!-- Your template here --> 
     </td> 
    </itemtemplate> 
    <footertemplate> 
     </tr></table> 
    </footertemplate> 
</asp:datalist>

這實質上是將這兩個表格放在一張大表格的單元格內，它們都在您的datalist中。

來源

2008-11-29 14:29:38

headertemplate中的標記無法在footertemplate中看到他的結束標記。你確定你的代碼是真的嗎？

你說：

我的猜測是，你可以解決與CSS

請讓我們用CSS :)修復

來源

2008-11-29 14:51:52 mavera

表設計嵌入式datalist

回答

相關問題