TCS54321 Ответов: 1

Vartical линия между двумя строками таблицы в datalist


сэр. у меня есть даталист,в котором я два ряда. В первом ряду я показываю название предмета, а во втором-домашнее задание. И его внешний вид:

English
  Learn chapter-1
Hindi
  Learn poem of chapter-10


теперь я хочу показать варикальную линию, чтобы соединить все объекты, и они выглядят так:

English
 | Learn chapter-1
 | 
Hindi
  Learn poem of chapter-10


как я могу это сделать? мой код даталиста таков:


<asp:DataList ID="lvTweets" runat="server">
                        <ItemTemplate>
                            <table border="0" cellpadding="0" cellspacing="0" width="95%" align="center">
                                <tr>
                                    <td align="center">
                                        <table width="100%">
                                            <tr>
                                                <td style="height:25px">
                                                    <asp:Label ID="LblNewsID" runat="server" Visible="false" Font-Bold="false" Text='<%#Eval("HomeworkID") %>'></asp:Label>
                                                  <span class = "label label-info">  
                                                  <asp:Label ID="Label2" runat="server" Font-Bold="false" Text='<%#Eval("Subject") %>'></asp:Label>
                                                  </span>
                                                </td>
                                            </tr>
                                            </table>
                                            
                                            <table width="90%">
                                            <tr>
                                                <td>
                                                <p style="background-color:#E0AC2A; color:White"  class="rounded_corners"> <asp:Label ID="Label1" runat="server" Width="100%" Font-Bold="false" Text='<%#Eval("Homework") %>'></asp:Label></p> 
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                            <br />
                        </ItemTemplate>
                        <FooterTemplate>
                            <asp:Label ID="Mensaje" runat="server" Visible="false" Text="Homework not updated">
                            </asp:Label>
                        </FooterTemplate>
                    </asp:DataList>


Что я уже пробовал:

я ищу в google, но не нашел никакого решения этой проблемы. и я понятия не имею, как я могу это сделать.

1 Ответов

Рейтинг:
5

Karthik_Mahalingam

пробовать

<table border="0" cellpadding="0" cellspacing="0" width="95%" align="center">
                  <tr>
                      <td align="center">
                          <table width="100%">
                              <tr>
                                  <td colspan="2" style="height: 25px">
                                      <asp:Label ID="LblNewsID" runat="server" Visible="false" Font-Bold="false" Text='<%#Eval("HomeworkID") %>'></asp:Label>
                                      <asp:Label ID="Label2" runat="server" Font-Bold="false" Text='<%#Eval("Subject") %>'></asp:Label>

                                  </td>
                              </tr>
                              <tr>
                                  <td style="padding-left:20px; ">
                                      <div style="border-left:2px solid black;">
                                          <span style="padding-left:5px;">
                                      <asp:Label ID="Label1" runat="server" Width="100%"  Text='<%#Eval("Homework") %>'></asp:Label>
                                              </span>
                                          </div>
                                  </td>
                              </tr>
                          </table>


                      </td>
                  </tr>
              </table>