• LINEで送る

カラムごとに背景色を変更する

列(tr)単位、カラム単位(td)で背景色を変更します。マウスオーバー効果は行単位で変わるようです。

予定表などに便利かと思います。

tr class="success"        
tr class="active"        
td class="warning" td class="danger" td class="info"    
td class="success" td class="active"      
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
<table class="table table-striped table-bordered table-hover ">
  <tbody>
    <tr class="success">
      <td> tr class="success"</td>
      <td> </td>
      <td> </td>
       <td> </td>
      <td> </td>
    </tr>
    <tr class="active">
      <td> tr class="active"</td>
      <td> </td>
      <td> </td>
      <td> </td>
      <td> </td>
    </tr>
    <tr>
      <td class="warning">td class="warning"</td>
      <td class="danger">td class="danger"</td>
      <td class="info">td class="info"</td>
      <td> </td>
      <td> </td>
    </tr>
    <tr>
      <td class="success">td class="success"</td>
      <td class="active">td class="active"</td>
      <td> </td>
      <td> </td>
      <td> </td>
    </tr>
  </tbody>
</table>