Table布局DataList

最新推荐文章于 2021-08-09 10:18:15 发布

seraphlei

最新推荐文章于 2021-08-09 10:18:15 发布

阅读量4k

点赞数

分类专栏： ASP.NET 文章标签： table server asp database border date

本文链接：https://blog.csdn.net/seraphlei/article/details/3320653

版权

ASP.NET 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

default.aspx

 
 <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Table控件布局DataList模板</title>
</head>
<body>
    <form id="form1" runat="server">
    <div align="center">
        <asp:DataList ID="DataList1" runat="server" Width="365px" BackColor="#FFC080">
            <ItemTemplate>
                <table style="width: 390px; height: 71px; font-size: 9pt; background-color: #ffffcc;" align="center" border="1">
                    <tr>
                        <td style="width: 61px; height: 17px">
                            姓      名：</td>
                        <td style="width: 78px; height: 17px">
                            <asp:Label ID="Label1" runat="server"><%# DataBinder.Eval(Container.DataItem,"name") %></asp:Label></td>
                        <td style="width: 61px; height: 17px">
                            性      别：</td>
                        <td style="width: 139px; height: 17px;">
                            <asp:Label ID="Label4" runat="server"><%# DataBinder.Eval(Container.DataItem,"sex") %></asp:Label></td>
                    </tr>
                    <tr>
                        <td style="width: 61px; height: 18px">
                            年      龄：</td>
                        <td style="width: 78px; height: 18px">
                            <asp:Label ID="Label2" runat="server"><%# DataBinder.Eval(Container.DataItem,"age") %></asp:Label></td>
                        <td style="width: 61px; height: 18px">
                            出生日期：</td>
                        <td style="width: 139px; height: 18px">
                            <asp:Label ID="Label3" runat="server"><%# DataBinder.Eval(Container.DataItem,"date") %></asp:Label></td>
                    </tr>
                    <tr>
                        <td style="width: 61px">
                            政治面貌：</td>
                        <td style="width: 78px">
                            <asp:Label ID="Label5" runat="server"><%# DataBinder.Eval(Container.DataItem,"govement") %></asp:Label></td>
                        <td style="width: 61px">
                            家庭住址：</td>
                        <td style="width: 139px">
                            <asp:Label ID="Label7" runat="server"><%# DataBinder.Eval(Container.DataItem,"address") %></asp:Label></td>
                    </tr>
                    <tr>
                        <td style="width: 61px">
                            联系电话：</td>
                        <td style="width: 78px">
                            <asp:Label ID="Label6" runat="server"><%# DataBinder.Eval(Container.DataItem,"phone") %></asp:Label></td>
                        <td style="width: 61px">
                                 ＱＱ：</td>
                        <td style="width: 139px">
                            <asp:Label ID="Label8" runat="server"><%# DataBinder.Eval(Container.DataItem,"qq") %></asp:Label></td>
                    </tr>
                </table>
                <br />
            </ItemTemplate>
            <HeaderTemplate>
                职员信息
            </HeaderTemplate>
        </asp:DataList></div>
    </form>
</body>
</html>
 

default.cs

 
  using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            string strCon = "Data Source=(local); Database=db_02;Uid=sa;Pwd=111111";
            SqlConnection sqlcon = new SqlConnection(strCon);
            string sqlstr = "select top 2* from tb_Employee";
            SqlDataAdapter myda = new SqlDataAdapter(sqlstr,sqlcon);
            DataSet myds = new DataSet();
            sqlcon.Open();
            myda.Fill(myds);
            DataList1.DataSource = myds;
            DataList1.DataBind();
            sqlcon.Close();
        }
    }
}
 
 

在项模板中加入talbe，对table进行编辑即可。

seraphlei

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Table布局DataList

default.aspx"C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
复制链接

扫一扫