<colgroup>

defines a group of table columns

Example

<table>
  <colgroup>
    <col width="50"></col>
    <col width="200"></col>
    <col width="400"></col>
  </colgroup>
  <tr>
    <td>col 1</td>
    <td>col 2</td>
    <td>col 3</td>
  </tr>
</table>

Description

<colgroup> is used to apply attributes to an entire set of table columns at once. It must be contained in a <table> tag.

Attributes Table

Attribute Description Values
Element Attributes
align how to align the enclosed content
  • center
  • char
  • justify
  • left
  • right
char align content to this character
    charoff number of characters to offset relative to char attribute
      span number of columns the colgroup should span
        valign vertical alignment of content
        • baseline
        • bottom
        • middle
        • top
        width pixel or percentage width of colgroup
          Standard Attributes
          accesskey defines a key used to focus the element
          class class of this element
          contenteditable whether element is user editable
          contextmenu specifies a menu that corresponds to this element
          dir text direction
          draggable whether element is draggable
          hidden whether element should be displayed
          id unique identifier for this element
          itemprop defines a microdata property of the element in the item.
          itemscope creates a microdata group for the element
          lang language used within element
          spellcheck whether spellchecking is enabled for this element
          style CSS styling rules
          subject associates a microdata property with a non-parent item
          tabindex defines tab key navigation ordering for the element
          title title of this element
          translate whether translation tools should translate the element's content
          xml:lang language used within element

          DOM Reference

          Handler Description
          Event Handlers
          onchange run when an element changes
          onclick run when element is clicked
          oncontextmenu run when contextual menu is triggered
          ondblclick run when element is double-clicked
          ondrag run when element is dragged
          ondragend run at end of a drag operation
          ondragenter run when element has been dragged to a valid drop target
          ondragleave run when element leaves a valid drop target
          ondragover run while element is over a valid drop target
          ondragstart run at start of drag operation
          ondrop run when dragged element is dropped
          onfocus run when element receives focus
          onformchange run when form changes
          onforminput run when form gets input
          oninput run when element gets user input
          oninvalid run when element is invalid
          onkeydown run when a key gets pressed
          onkeypress run when a key gets pressed then released
          onkeyup run when a pressed key is released
          onmousedown run when mouse button gets pressed
          onmousemove run when the mouse pointer moves
          onmouseout run when the mouse pointer leaves the element
          onmouseover run when the mouse pointer enters the element
          onmouseup run when a pressed mouse button is released
          onmousewheel run when the mouse wheel is used
          onreset run when a form reset is performed
          onscroll run when element is being scrolled
          onselect run when element is selected
          onsubmit run when form is submitted
          Media Event Handlers
          onabort run when media resource loading is aborted
          oncanplay run when media can start to play
          oncanplaythrough run when media can be played completely to its end
          ondurationchange run when duration of media has changed
          onemptied run when a media resource becomes empty
          onended run when media playback reaches end
          onerror run when an error occurs during element loading
          onloadeddata run when media resource is loaded
          onloadedmetadata run when media metadata is loaded
          onloadstart run when media resource has started to load
          onpause run when media resource is paused
          onplay run when media resource will start playing
          onplaying run when media resource is playing
          onprogress run when browser has received additional media resource data
          onratechange run when media resource playback rate changes
          onreadystatechange run when media resource ready state changes
          onseeked run after media resource seeking operation has been performed
          onseeking run during media resource seeking operation
          onstalled run when media resource loading has stalled
          onsuspend run when browser stops fetching media resource before finished
          ontimeupdate run when media resource playback position changes
          onvolumechange run when media resource volume is changed or muted
          onwaiting run when media resource has stopped playing but expects to resume