Column header height

You can set column header height with CSS:

<style>
    .active-scroll-top, .active-scroll-corner {height: 50px}
    .active-scroll-left, .active-scroll-data {padding-top: 50px}
</style>

<style> .active-scroll-top, .active-scroll-corner {height: 50px} .active-scroll-left, .active-scroll-data {padding-top: 50px} .active-box-resize {background-repeat: repeat-y;} /* fix border */ </style> <script> var obj = new Active.Controls.Grid; obj.setColumnCount(10); obj.setRowCount(10); obj.setDataText("-"); document.write(obj); </script>

or with js method call (which sets the same CSS rules):

obj.setColumnHeaderHeight(50);

<style> .active-box-resize {background-repeat: repeat-y;} /* fix border */ </style> <script> var obj = new Active.Controls.Grid; obj.setColumnHeaderHeight(50); obj.setColumnCount(10); obj.setRowCount(10); obj.setDataText("-"); document.write(obj); </script>

If you are using xp skin you may need the header border height bug fix.

See also

• Ref: setColumnHeaderHeight method
• Ref: layout template
• Ref: Active.Templates.Scroll class
• Howto: wrap text in headers
• Howto: hide column headers completely
• Howto: set row height
• Howto: set row header width
• Fix: column header vertical border in xp skin