reStructuredText에서 표 셀의 배경색을 변경하려면 어떻게해야합니까?

Question

는 How to use color in text with ReStructured Text (rst2html.py) or how to insert HTML tags without blank lines? 다음 나는이 같은 테이블 내에서 텍스트의 배경을 설정할 수 있었다 :

단어 결과

.. role:: gbg 

.. raw:: html 

    <style> 
     .gbg {background-color:#00ff00;} 
    </style> 

+-------+----------------+-------+---------+-------+---------+ 
| UTC+1 | (d-s)   | UTC-6 | (zo) | UTC-7 | (za) | 
+=======+================+=======+=========+=======+=========+ 
| 15:00 | :gbg:`avail` | 8:00 |   | 7:00 |   | 
+-------+    +-------+---------+-------+   + 
| 15:30 |    | 8:30 |   | 7:30 |   | 
+-------+----------------+-------+---------+-------+---------+ 

"소용"문자 뒤에 녹색 배경을 가지고,하지만 난 어떻게 할 수 전체 세포는 그 글자 뒤의 부분 대신에 색칠 된 배경을 가지고 있습니까?

Answer 1

Kludge 그것은 자바 스크립트와 :

.. role:: gbg 

.. raw:: html 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script> 
    $(document).ready(function() { 
     $('.gbg').parent().addClass('gbg-parent'); 
    }); 
    </script> 
    <style> 
     .gbg-parent {background-color:#00ff00;} 
    </style> 

+-------+----------------+-------+---------+-------+---------+ 
| UTC+1 | (d-s)   | UTC-6 | (zo) | UTC-7 | (za) | 
+=======+================+=======+=========+=======+=========+ 
| 15:00 | :gbg:`avail` | 8:00 |   | 7:00 |   | 
+-------+    +-------+---------+-------+   + 
| 15:30 |    | 8:30 |   | 7:30 |   | 
+-------+----------------+-------+---------+-------+---------+ 

Answer 2

나머지 :

.. table:: 
    :class: rows 

    +-------+----------------+-------+---------+-------+---------+ 
    | UTC+1 | (d-s)   | UTC-6 | (zo) | UTC-7 | (za) | 
    +=======+================+=======+=========+=======+=========+ 
    | 15:00 | avail   | 8:00 |   | 7:00 |   | 
    +-------+    +-------+---------+-------+   + 
    | 15:30 |    | 8:30 |   | 7:30 |   | 
    +-------+----------------+-------+---------+-------+---------+ 

CSS :

table.rows th { 
    background-color: #ede; 
    border-style: solid solid solid solid; 
    border-width: 0px 0px 0px 0px; 
    border-color: #AAAAAA; 
    text-align: center; 
} 
table.rows td { 
    border-style: solid solid solid solid; 
    border-width: 0px 0px 0px 0px; 
    border-color: #AAAAAA; 
} 

table.rows tr { 
    border-style: solid solid solid solid; 
    border-width: 0px 0px 0px 0px; 
    border-color: #AAAAAA; 
} 

table.rows tr:nth-child(even) { 
    background-color: #F3F3FF; 
} 
table.rows tr:nth-child(odd) { 
    background-color: #FFFFEE; 
}