Home
•
Contact
•
Privacy Policy
•
ToS
🔍
HTML Table - Empty Colgroups
Learn how to create HTML Table - Empty Colgroups using html, css and/or js.
<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; border-collapse: collapse; } </style> </head> <body> <h2>Empty Colgroups</h2> <p>Add "empty" col elements that represents the columns before the columns you want to style:</p> <table style="width: 100%;"> <colgroup> <col span="3"> <col span="2" style="background-color: pink"> </colgroup> <tr> <th>MON</th> <th>TUE</th> <th>WED</th> <th>THU</th> <th>FRI</th> <th>SAT</th> <th>SUN</th> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> </tr> <tr> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td> </tr> <tr> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> <td>20</td> <td>21</td> </tr> <tr> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> <td>27</td> <td>28</td> </tr> </table> </body> </html>
Random HTML Example Codes:
MasterSlider jQuery
Flickity - full-width cells
Simple, Easy-to-Use Donation Form
CSS Float Layout
HTML Table - Combine Vertical and Horizontal Zebra Stripes
CSS/SVG Animated Circles
Ordered List with Roman Numbers
Chart.js Responsive Bar Chart Demo
Demo: CSS image hover effects
jQuery Animated Number Counter From Zero To Value - Javascript Animation
SVG World Map
bootstrap breadcrumb example
Rotating Cogs CSS Animation
Underline & display:inline-block
Table Responsive
CSS Background Grid Lines
HTML Links - The target Attribute
Animated Headlines - CSS & JS
Define an HTML Table
Border Color
Internal CSS
mouseover mouseout toggleClass
Smooth scroll
Crop Image on Pure (vanilla) JS
HTML Table Headers
CSS Triangles and Pseudo Elements
HTML Paragraphs
Add/Remove Class on Scroll
Using an Anchor as a Button
Font Awesome Icon Font example #1
