Professional Web Applications Themes

DataGrid with Slanted Headers - ASP.NET Data Grid Control

I've got a tough question. I'm looking to have a data grid with many columns, most of which are custom columns. To make room for all that i would like to have slanted headers, headers that are not completely verticle, but slightly slanted to the right. If anyone has another way of showing many columns on one page without using slanted headers, i would be open to suggestions. But meanwhile, how would i do that? Currently i have the headers slanted using IE's matrix transformations functions and the headers absolutely positioned. It works but its such a hack and so ...

  1. #1

    Default DataGrid with Slanted Headers

    I've got a tough question.

    I'm looking to have a data grid with many columns, most of which are
    custom columns. To make room for all that i would like to have slanted
    headers, headers that are not completely verticle, but slightly
    slanted to the right. If anyone has another way of showing many
    columns on one page without using slanted headers, i would be open to
    suggestions.

    But meanwhile, how would i do that? Currently i have the headers
    slanted using IE's matrix transformations functions and the headers
    absolutely positioned. It works but its such a hack and so increadibly
    hoky, i'm dying to find another way. I can never get them to align
    properly, and formatting the headers doesn't work right. It is such a
    pain.

    Help!

    Mark
    Mark Oueis Guest

  2. #2

    Default Re: DataGrid with Slanted Headers

    When you want to mix absolute positioning with a table, the best way is to
    include each Absolute DIV inside a Relative DIV with top and left value of
    0:

    <div style="position=relative; left=0; top=0" >
    <div style="position=absolute; left= ...."> blablablah </div>
    </div>

    Otherwise, IE won't take account of the size of your absolute DIV when
    calculating the size of each column of the table or the relative positioning
    between the table and the absolute DIV; hence your trouble with formatting
    the headers.

    Probably, the best solution for your case would be to use images.

    S. L.

    "Mark Oueis" <markoueishotmail.com> wrote in message
    news:b1800bd3.0501121307.100c777cposting.google.c om...
    > I've got a tough question.
    >
    > I'm looking to have a data grid with many columns, most of which are
    > custom columns. To make room for all that i would like to have slanted
    > headers, headers that are not completely verticle, but slightly
    > slanted to the right. If anyone has another way of showing many
    > columns on one page without using slanted headers, i would be open to
    > suggestions.
    >
    > But meanwhile, how would i do that? Currently i have the headers
    > slanted using IE's matrix transformations functions and the headers
    > absolutely positioned. It works but its such a hack and so increadibly
    > hoky, i'm dying to find another way. I can never get them to align
    > properly, and formatting the headers doesn't work right. It is such a
    > pain.
    >
    > Help!
    >
    > Mark

    Sylvain Lafontaine Guest

Similar Threads

  1. Group Headers in Datagrid
    By David in forum ASP.NET Data Grid Control
    Replies: 2
    Last Post: March 18th, 03:14 AM
  2. Changing Headers on DataGrid
    By Gary in forum ASP.NET Data Grid Control
    Replies: 0
    Last Post: April 2nd, 02:58 PM
  3. Datagrid Headers ???
    By Douglas Gage in forum ASP.NET Data Grid Control
    Replies: 1
    Last Post: January 15th, 05:41 PM
  4. headers for datagrid
    By sunil in forum ASP.NET General
    Replies: 0
    Last Post: July 10th, 03:11 PM
  5. locking headers in the Datagrid
    By Nimbus Dorkus in forum ASP.NET Data Grid Control
    Replies: 5
    Last Post: July 9th, 02:17 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139