课程章节介绍
同学们，今天我们来学习如何创建一个响应式数据表，并且把它集成到我们的学生浏览器中。这个练习听起来有点复杂，但其实跟着步骤走，你会发现它并不难。
首先，我们会创建一个响应式数据表。这个数据表能够根据屏幕的大小自动调整布局，这样无论是在电脑上还是在手机上查看，都能有很好的用户体验。大部分的代码我都会提供给你们，你们只需要按照指示做一些小的更新，添加一些新的功能就可以了。
接下来，我们要在学生浏览器中添加一个新的选项卡，名字叫做“网格”。这个“网格”选项卡将会是我们展示响应式数据表的地方。我们会把之前创建好的响应式数据表部署到这个新的“网格”选项卡中。而且，这个数据表会接收到和之前图库选项卡中相同的数据。这样，无论用户是在图库选项卡还是网格选项卡查看，他们看到的数据都是一致的。
最后，我们还要做一个小功能，就是监听数据表中的双击事件。当用户在数据表中双击某一行时，我们会使用导航服务来打开一个联系人编辑模式的窗口。这样，用户就可以直接编辑他们双击的那个联系人的信息了。
好了，这就是我们今天要做的所有事情。听起来是不是很有趣？让我们开始吧！