نمایش border در جدول

[Iran58]

سلام
من کدهای زیر را برای نمایش اطلاعات داده هایم از جدول مورد نظر ساخته ام

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="ListuUsers.aspx.cs" Inherits="ListuUsers" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"></asp:Content><asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server"> <center> Show List Users<br/> <asp:Table ID="Table1" runat="server" Width="20%" Height="20%"> </asp:Table> </center></asp:Content>

و
using System;
using System.Collections.Generic;
using System.Data;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;


public partial class ListuUsers : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
SqlConnection con = new SqlConnection("Data Source=.\\SQLEXPRESS;AttachDbFilename=|DataDirecto ry|\\DbAsp.mdf;Integrated Security=True;User Instance=True");
con.Open();
SqlCommand cmd = new SqlCommand("select * from users", con);
SqlDataReader dr = cmd.ExecuteReader();


while (dr.Read())
{
TableRow tr = new TableRow();
TableCell tc1 = new TableCell();
tc1.Text = dr[0].ToString();
TableCell tc2 = new TableCell();
tc2.Text = dr[1].ToString();
TableCell tc3 = new TableCell();
tc3.Text = dr[2].ToString();
TableCell tc4 = new TableCell();
tc4.Text = dr[3].ToString();
TableCell tc5 = new TableCell();
tc5.Text = dr[4].ToString();
tr.Cells.Add(tc1);
tr.Cells.Add(tc2);
tr.Cells.Add(tc3);
tr.Cells.Add(tc4);
Table1.Rows.Add(tr);
}
con.Close();
}
}
حال سوال من اینست که چطوری می توانم برای این جدولم بروردها را نمایش بدهم و همجنین یکی در میان برای سطرها رنگی باشند

[majidnazari65]

سلام.
دستورات زیر رو به حلقه اضافه کن:


int i = 0;
Table1.CssClass = "My-Table";
while (dr.Read())
{
TableRow tr = new TableRow();
if (i % 2 == 0)
tr.CssClass = "My-Row even";
else
tr.CssClass = "My-Row odd";
i++;
//دستورات قبلی
}





کدهای css زیر رو هم به stylesheet اضافه کن:

table.My-Table {
border-spacing:0 0;
border-collapse: collapse;
}


tr.My-Row {
border:1px solid #4c65a3;
}


tr.odd {
background-color: #d4d4d4;
}
tr.even {
background-color: #b1c8e8;
}