Grid view css for footer

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • rahul2310
    New Member
    • Oct 2013
    • 62

    Grid view css for footer

    Code:
    /*DATA GRID STYLE CSS;*/   
    .EU_TableScroll
            {
                max-height: 275px;
                overflow: auto;
                border:1px solid #ccc;
               
            }
            .EU_DataTable
            {
                border-collapse: collapse;
                }
                .EU_DataTable tr th
                {
                    /*HEADER ROW CSS;*/  
                    background-color: #FF3300;
                    color: #ffffff;
                    padding: 10px 5px 10px 5px;
                    border: 1px solid Black;
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 12px;
                    font-weight: bold;
                    text-transform:capitalize;
                }
                .EU_DataTable tr:nth-child(2n+2)
                {
                    background-color: #f3f4f5;
                }
    
                .EU_DataTable tr:nth-child(2n+1) td
                {
                    background-color: #d6dadf;
                    color: #454545;
                }
                .EU_DataTable tr td
                {
                    padding: 5px 10px 5px 10px;
                    color: #454545;
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 11px;
                    border: 1px solid #cccccc;
                    vertical-align: middle;
    
                }
                    .EU_DataTable tr td:first-child
                    {
                        text-align: Center;
                    }
    Above is my css for grid view.
    I want css which is for header row(mentioned in code) same should be for footer row
    Please help
  • Frinavale
    Recognized Expert Expert
    • Oct 2006
    • 9749

    #2
    You could:
    • copy and paste the CSS that you have for the header and change it to footer
    • use a , to on the same line as your header CSS to indicate that the same style should be used for the footer style
    • use a CSS class and apply it in the appropriate places


    -Frinny

    Comment

    • rahul2310
      New Member
      • Oct 2013
      • 62

      #3
      thanks for reply
      i cpoied the header style and copied in footer css as shown below
      Code:
      .footer
      {
      my content;
      }
      and applied it to footer style css class as footer but it does not work.

      what is a, that u said that use a, next to header line

      Comment

      • Frinavale
        Recognized Expert Expert
        • Oct 2006
        • 9749

        #4
        The comma lets you apply the same style to multiple items/classes...

        Your CSS, if what you have posted is what you have in code, is not valid.

        Comment

        Working...