向ASP.NET GridView添加自定义行和标题

Question

我正在尝试使用GridView来设置一些自定义行和标题。这是我想要实现的一个小图像：

周围有红色的盒子就是我从C＃中获取的东西，因此已经满足了我的需求。

我已经设法使用C＃创建了一个标题，但我真的想在HTML，Javascript或jQuery中使用这个客户端。

罗塔＆＃39;左下方是普通标签，但用户可以点击顶部的日期，红色的数据需要刷新。

如何在ASP.NET中的GridView中创建所有这些自定义行

修改

在说GridView更多是服务器端控制之后，我很乐意接受关于这个服务器端的答案。