数据列表记录垂直方向的行

本文关键字：方向 垂直 列表 记录 数据 | 更新日期: 2023-09-27 18:36:58

我有一个数据列表。我有 20 条记录，每条记录 1 列显示在数据列表中。

如何在垂直线上显示每 15 条记录。我的意思是，如果总记录是 16 条，那么前 15 条记录应该垂直出现在第一行，接下来的第 16 条记录将出现在下一行。如果总记录数为 12，则所有记录都应垂直位于中心线

我的代码

<div style="overflow:auto; height: 230px; width:340px;">
    <asp:DataList ID="DataList1" runat="server" ItemStyle-BorderWidth="0px" ItemStyle-Width="340px"
        RepeatDirection="Vertical">
        <ItemTemplate>
            <asp:Label ID="lblAreas" runat="server" Text='<%#Eval("Value") %>'></asp:Label>
        </ItemTemplate>
    </asp:DataList>
</div>

数据列表记录垂直方向的行

使用RepeatDirection.Vertical并将RepeatColumns设置为(records / 15) + 1并将15 - (records % 15)空记录添加到现有记录中。

编辑：谁曾经对我投过反对票，关心留下解释，或者逻辑对你来说只是很多？如果有 15 条或更少的现有记录，则不必添加空记录，但如果有更多 - 此方法始终显示每列 15 行，以及所需数量的列 - 您只需设置空单元格（作为最后一列中的最后一个单元格）的样式与背景相同， 或者只是使它们透明。

相关文章：