React 设置指定列高亮

在 React 中，可以使用 CSS 来设置指定列的高亮。假设你有一个表格，其中第一列需要高亮显示，可以按照以下步骤进行操作：

1. 为表格添加一个 CSS 类，例如 ".highlight-table"。
2. 在 CSS 中，使用 ":nth-child" 伪类来选择第一列，并设置其背景色为高亮颜色。CSS 代码示例：

.highlight-table td:nth-child(1) {
  background-color: yellow;
}

3. 在 React 中，将表格的 className 属性设置为 "highlight-table"。React 代码示例：

<table className="highlight-table">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
    <tr>
      <td>4</td>
      <td>5</td>
      <td>6</td>
    </tr>
    <tr>
      <td>7</td>
      <td>8</td>
      <td>9</td>
    </tr>
  </tbody>
</table>

这样就可以实现指定列高亮显示的效果了。