title: Adding default sorting arrows to GridView
body: <p>I'm new to Asp.net and I'm currently working with GridViews.  I've looked around this site and others have seen tips for how to add sorting arrows to column headers.</p>
  
  <p>So far I've done this:</p>
  
  <p>Set these GridView properties:</p>
  
  <pre><code>SortedAscendingHeaderStyle-CssClass="sortasc"
  SortedDescendingHeaderStyle-CssClass="sortdesc"
  </code></pre>
  
  <p>And my css has this:</p>
  
  <pre><code>th.sortasc a  
  {
     display:block; padding:0 4px 0 15px; 
     background:url("images/icons/ascArrow.png") no-repeat;
  }
  
  th.sortdesc a 
  {
     display:block; padding:0 4px 0 15px; 
    background:url("images/icons/descArrow.png") no-repeat;
  }
  </code></pre>
  
  <p>This works great to show an image after the user clicks a header and the column sorts.  </p>
  
  <p>The issue I'm having now, is that I'd like the columns to show images by default so that users can know that they can click them to sort.  Is there a way to accomplish this?</p>