首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >datalist中的行分隔符

datalist中的行分隔符
EN

Stack Overflow用户
提问于 2009-11-21 05:17:03
回答 3查看 6.2K关注 0票数 1

我使用的是datalist控件。如何在datalist中添加行分隔符?我连续有多个项目,并且我使用的是.Net 2.0。

分隔符模板适用于每一项,而不是每行。

我想像这样展示它。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
row1-> item1 item2 
---separator
row2-> item3 item4
---separator
row3-> item5 item6
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2009-11-21 06:18:06

试试这个:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<asp:DataList>
    <SeparatorTemplate>
        <hr />
    </SeparatorTemplate>
</asp:DataList>

更新

如果你想要一个简单的边框,这种方式可能会有所帮助。唯一的问题是最新的行也有一个分隔符。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<asp:DataList ID="DL1" runat="server" Width="200px" RepeatDirection="Horizontal" RepeatColumns="2" CssClass="DL1" CellPadding="0" CellSpacing="0">
    <ItemTemplate>
    .
    .
    .
    </ItemTemplate>
</asp:DataList>

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.DL1 td
{
    border-bottom: solid 1px silver;
    border-collapse: collapse;
}
票数 4
EN

Stack Overflow用户

发布于 2009-11-21 06:15:34

基于数据的DataList和中继器的格式化用例子here来解释,看一下。

票数 0
EN

Stack Overflow用户

发布于 2009-11-21 06:33:35

使用DataList.SeparatorTemplate属性

例如:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<SeparatorTemplate>

        <asp:Image id="SeparatorImage"
             ImageUrl="SeparatorImage.jpg"
             runat="server"/>

     </SeparatorTemplate>

并查看此DataList.SeparatorTemplate Property

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1774590

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文