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, но не нашел никакого решения этой проблемы. и я понятия не имею, как я могу это сделать.