jquery - 如何用 Sphinx 制作斑马桌？或者如何在 Sphinx 中使用 jQuery？

Question

我认为从 Sphinx 生成的表格并不漂亮，因为它为表格生成了以下 HTML 代码。

<table border="1" class="docutils">
<colgroup>
<col width="43%" />
<col width="29%" />
<col width="29%" />
</colgroup>
<thead valign="bottom">
<tr><th class="head">Graph</th>
<th class="head">HIR</th>
<th class="head">AIR</th>
</tr>
</thead>
<tbody valign="top">
<tr><td>Graph</td>
<td>Circuit</td>
<td>System</td>
</tr>
</tbody>
</table>

我怎样才能变成漂亮的，例如斑马桌？

HTML 生成的 html 有 jQuery，根据这个站点，只需一行代码即可拥有斑马表，但我不知道如何使用 jQuery 制作斑马表。

$("tr:nth-child(odd)").addClass("odd");

• 问：如何在 Sphinx 中使用 jQuery？
• 问：有没有其他方法可以使用 Sphinx 制作斑马桌？

Answer 1

我将以下代码添加到 doctools.js

$(document).ready(function() {
  Documentation.init();
  $('tbody tr:even').css('background-color','#dddddd');
});