CSS中的动态table在网页开发中非常常见，它使网页的表格更加美观、易读，并且可以进行数据的动态展示。在这篇文章中，我们将讨论如何实现通过点击table中的某一行来实现数据的动态展示。

// HTML代码：
<table id="myTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>小明</td>
      <td>18</td>
      <td>男</td>
    </tr>
    <tr>
      <td>小红</td>
      <td>20</td>
      <td>女</td>
    </tr>
  </tbody>
</table>

首先，在CSS中我们需要为选中的行添加一些样式，这样用户可以知道当前选中的是哪一行。使用:hover选择器可以实现当鼠标移到该行时添加样式，而使用JavaScript可以实现点击该行时添加样式。

// CSS代码：
#myTable tr:hover {
  background-color: #eee;
}
#myTable tr.active {
  background-color: #333;
  color: #fff;
}

接下来，我们需要使用JavaScript来实现当用户点击一行时，该行会被添加.active类，同时我们可以根据该行的数据进行动态展示。下面是使用jQuery实现点击table行的样例代码：

// JavaScript代码：
$(document).ready(function() {
  $("#myTable tbody tr").click(function() {
    $("#myTable tbody tr").removeClass("active");
    $(this).addClass("active");
    
    // 根据选中的行数据进行展示
    var name = $(this).find("td:eq(0)").text();
    var age = $(this).find("td:eq(1)").text();
    var gender = $(this).find("td:eq(2)").text();
    console.log("姓名：" + name);
    console.log("年龄：" + age);
    console.log("性别：" + gender);
  });
});

在代码中，我们使用jQuery的ready方法来等待页面加载完毕后进行操作。然后，我们使用click方法为每一行添加点击事件。在该事件中，我们首先移除所有行的.active类，并为当前行添加该类。接着，我们使用jQuery的find方法根据该行的数据进行动态展示，这里我们只是将数据输出到控制台。

综上所述，我们可以通过CSS和JavaScript实现在table中点击一行动态展示数据的功能，这在实际网页应用中经常被使用。