html - How to create a table header with th span in two first columns? -


please @ this:

jsfiddle.net/htrqj/

<table class="table table-bordered table-striped"><thead>                                     <tr>                                         <th colpan="">                                             checkin                                         </th>                                         <th>                                             checkout                                         </th>                                          <th>                                             description                                         </th>                                         <th>total</th>                                      </tr>                                 </thead>                                 <tbody><tr>                                 <td>test</td>                                 <td>2013-03-28 19:19:00</td>                                 <td>2013-03-28 19:35:00</td>                                 <td>implementatie oauth</td>                                 <td>00:16</td>                             </tr><tr>                                 <td>test</td>                                 <td>2013-03-28 19:19:00</td>                                 <td>2013-03-28 19:20:00</td>                                 <td>site werkt niet</td>                                 <td>00:01</td>                             </tr><tr>                                 <td>test</td>                                 <td>2013-03-28 19:15:00</td>                                 <td>2013-03-28 19:42:00</td>                                 <td>apache recompile</td>                                 <td>00:27</td>                             </tr><tr>                                 <td>test</td>                                 <td>2013-03-28 19:14:00</td>                                 <td>2013-03-28 19:47:00</td>                                 <td>site werkt niet</td>                                 <td>00:33</td>                             </tr><tr>                                 <td>test</td>                                 <td>2013-03-28 19:12:00</td>                                 <td>2013-03-28 19:37:00</td>                                 <td>site werkt niet</td>                                 <td>00:25</td>                             </tr><tr>                                 <td>test</td>                                 <td>2013-03-28 19:08:00</td>                                 <td>2013-03-28 19:36:00</td>                                 <td>apache recompile</td>                                 <td>00:28</td>                             </tr><tr>                                 <td>test</td>                                 <td>2013-03-28 19:07:00</td>                                 <td>2013-03-28 19:39:00</td>                                 <td>git repos</td>                                 <td>00:32</td>                             </tr><tr>                                 <td>test</td>                                 <td>2013-03-28 19:05:00</td>                                 <td>2013-03-28 19:34:00</td>                                 <td>server failure</td>                                 <td>00:29</td>                             </tr><tr><td colspan="4"><span style="float:right">total</span></td><td>03:11</td></tr></tbody></table> 

i want 'test' in same column first datetime. need change?

edit:

i want this; http://s7.postimg.org/yb4hppnfv/knipsel.png see in last colum, effect, want in first one.

are saying want "test" td span 2 columns, datetimes?

then add colspan attribute td test, , set "2".

<tr> <td colspan="2">test</td> </tr> 

like that, should move on space.


Comments

Popular posts from this blog

javascript - jQuery: Add class depending on URL in the best way -

caching - How to check if a url path exists in the service worker cache -

Redirect to a HTTPS version using .htaccess -