Table - alinhamento de colunas

<< Click to Display Table of Contents >>

Navigation:  Bootstrap > Table >

Table - alinhamento de colunas

Previous pageReturn to chapter overview

Tela

 

bootstrap25

 

Default.aspx

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1.Default" %>

 

<!DOCTYPE html>

<head runat="server">

  <link href="css/bootstrap.min.css" rel="stylesheet">

  <style>

      .table tbody tr:hover td

       {

          background-color: Cornsilk;

       }

  </style>

</head>

<body>

  <form id="form1" runat="server">

  <div class="container-fluid" style="padding-top: 20px">

      <div class="row-fluid">

          <div class="span12">

              <asp:GridView ID="Grid" runat="server" AutoGenerateColumns="False" CssClass="table table-striped table-bordered table-condensed"

                  OnRowDataBound="Grid_RowDataBound">

                  <Columns>

                      <asp:BoundField DataField="Id" HeaderText="Código" />

                      <asp:BoundField DataField="Nome" HeaderText="Nome" />

                      <asp:BoundField DataField="Valor" DataFormatString="{0:0.00}" HeaderText="Valor" />

                      <asp:BoundField DataField="Data" DataFormatString="{0:dd/MMM/yy}" HeaderText="Data" />

                  </Columns>

              </asp:GridView>

              <hr />

          </div>

      </div>

  </div>

  </form>

</body>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>

<script src="/js/bootstrap.min.js"></script>

</html>

 

Default.cs

 

using System;

using System.Web.UI.WebControls;

 

namespace WebApplication1

{

  public partial class Default : System.Web.UI.Page

   {

      protected void Page_Load(object sender, EventArgs e)

       {

          if (!IsPostBack)

           {

               Grid.DataSource = Pessoa.Get();

               Grid.DataBind();

           }

       }

 

      protected void Grid_RowDataBound(object sender, System.Web.UI.WebControls.GridViewRowEventArgs e)

       {

            // -1 = cabeçalho

            if (e.Row.RowIndex > -1)

            {

                e.Row.Cells[0].Attributes.Add("style""text-align: right");

                e.Row.Cells[2].Attributes.Add("style""text-align: right");

                e.Row.Cells[3].Attributes.Add("style""text-align: center");

            }

       }

   }

}

 

Pessoa.cs

 

using System.Collections.Generic;

using System;

 

public class Pessoa

{

  public int Id { get; set; }

  public string Nome { get; set; }

  public decimal Valor { get; set; }

  public DateTime Data { get; set; }

 

  public static List<Pessoa> Get()

   {

      List<Pessoa> lista = new List<Pessoa>();

       lista.Add(new Pessoa() { Id = 1, Nome = "Junior", Valor = (decimal)1.02, Data = Convert.ToDateTime("01/01/2010") });

       lista.Add(new Pessoa() { Id = 20, Nome = "Flavio", Valor = (decimal)198.10, Data = Convert.ToDateTime("01/01/2009") });

       lista.Add(new Pessoa() { Id = 3, Nome = "Mario", Valor = (decimal)4301.45, Data = Convert.ToDateTime("01/01/1990") });

       lista.Add(new Pessoa() { Id = 4, Nome = "Luidi", Valor = (decimal)990.22, Data = Convert.ToDateTime("01/01/1992") });

       lista.Add(new Pessoa() { Id = 523, Nome = "Peach", Valor = (decimal)76.44, Data = Convert.ToDateTime("01/01/1977") });

       lista.Add(new Pessoa() { Id = 16, Nome = "Toad", Valor = (decimal)98.30, Data = Convert.ToDateTime("01/01/1980") });

       lista.Add(new Pessoa() { Id = 7223, Nome = "Rosalina", Valor = (decimal)25.12, Data = Convert.ToDateTime("01/01/2003") });

       lista.Add(new Pessoa() { Id = 801, Nome = "Inara", Valor = (decimal)78.99, Data = Convert.ToDateTime("01/01/2007") });

      return lista;

   }

}