已实现表格排序，如何为当前排序列添加差异化颜色？

解决方案 #

当然没问题！要实现当前排序列的高亮显示其实很简单，我们只需要两步：先追踪当前的排序字段，再用CSS给对应的表头（甚至整列）加上显眼的样式。结合你的现有代码，我帮你调整一下：

步骤1：追踪当前排序字段 #

首先在PHP开头添加一行，获取当前的排序参数（处理默认无排序的情况）：

$currentSort = $_GET['sort'] ?? ''; // 用空字符串作为默认值

步骤2：给当前排序列的表头添加标识类 #

在输出表格表头的时候，判断每个列是否是当前排序字段，如果是就添加一个自定义CSS类（比如active-sort）：

<table>
  <thead>
    <tr>
      <th <?php if($currentSort == 'matches') echo 'class="active-sort"' ?>>
        <a href="?sort=matches">比赛场次</a>
      </th>
      <th <?php if($currentSort == 'goals') echo 'class="active-sort"' ?>>
        <a href="?sort=goals">进球数</a>
      </th>
      <th <?php if($currentSort == 'assists') echo 'class="active-sort"' ?>>
        <a href="?sort=assists">助攻数</a>
      </th>
      <th <?php if($currentSort == 'cards') echo 'class="active-sort"' ?>>
        <a href="?sort=cards">黄牌数</a>
      </th>
      <!-- 其他列同理 -->
    </tr>
  </thead>
  <tbody>
    <!-- 你的数据行输出代码 -->
    <?php
    // 执行SQL查询的代码（保持你原来的逻辑）
    $result = mysqli_query($conn, $sql);
    while($row = mysqli_fetch_assoc($result)) {
      echo "<tr>";
      echo "<td>{$row['matches']}</td>";
      echo "<td>{$row['goals']}</td>";
      echo "<td>{$row['assists']}</td>";
      echo "<td>{$row['cards']}</td>";
      echo "</tr>";
    }
    ?>
  </tbody>
</table>

步骤3：添加CSS样式实现高亮 #

在页面的<style>标签或者外部CSS文件里，给active-sort类设置显眼的样式：

.active-sort {
  background-color: #e3f2fd; /* 淡蓝色背景，你可以换成任意颜色 */
  color: #1976d2; /* 深蓝色文字，增强对比 */
  font-weight: bold; /* 加粗文字，更醒目 */
}

/* 如果想让整列都高亮，可以加上下面的样式 */
.active-sort ~ td,
td.active-sort {
  background-color: #f5f9ff;
}

额外优化（可选） #

如果以后要支持升序/降序切换，还可以进一步扩展：

1. 添加order参数（比如?sort=goals&order=desc）
2. 在PHP里获取$currentOrder = $_GET['order'] ?? 'asc'
3. 表头里显示排序方向图标（比如↑↓），同时调整样式区分升序降序

这样用户就能一眼看出当前是按哪一列排序的啦！

内容的提问来源于stack exchange，提问作者Daniel Jensen