ASP.Net 通过单击获取代码隐藏的 HTML 单元格值

我不是C#和 ASP.Net 的专业人士，所以请耐心等待。

我有以下问题。

我正在使用 ASP.Net WebForm API 和 C# 来创建仪表板。

我有一个通用的HTML表（从sql查询中取出），将显示它。现在我想实现一个功能，当用户单击单元格（例如列 ID 中的单元格）时，他应该获得一个详细信息视图，这是一个引导模式。为此，我需要此单元格中的 ID 值。如何获取此值？

使用该值，我将启动一个新的sql查询，并显示更多其他特定信息。

这是我的aspx.结构：

<table id="MyTable" class="table table-striped table-bordered table-condensed table-responsive">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Name</th>
                            <th>Typ</th>
                            <th>Something else</th>
                            <th>Date</th>
                        </tr>
                    </thead>
                    <tbody>
                        <%=Tabelle.GetTable.dataTable_all%>
                    </tbody>
                </table>
                <script type="text/javascript">
                    $(document).ready(function () {
                        $('#MyTable').DataTable();
                    });
                </script>

变量dataTable_all是一个字符串。这是我在HTML代码中的表格。

我<tbody>的结果是 366 行大，这是一个摘录：

                        <tr>
                            <td>154789</td>
                            <td>Testproject X</td>
                            <td>Good</td>
                            <td>greencolored</td>
                            <td>01.01.2015</td>
                        </tr>
                        <tr>
                            <td>189365</td>
                            <td>Testproject B</td>
                            <td>Good</td>
                            <td>redcolored</td>
                            <td>08.01.2015</td>
                        </tr>
                        <tr>
                            <td>136471</td>
                            <td>Testproject Y</td>
                            <td>Bad</td>
                            <td>pinkcolored</td>
                            <td>15.04.2015</td>
                        </tr>

那么，当我单击例如 ID 136471时，该值将分配给我的 c# 代码中的变量，我该怎么做呢？

<tr data-id="154789">
    <td>154789</td>
    <td>Testproject X</td>
    <td>Good</td>
    <td>greencolored</td>
    <td>01.01.2015</td>
</tr>
<tr data-id="189365">
    <td>189365</td>
    <td>Testproject B</td>
    <td>Good</td>
    <td>redcolored</td>
    <td>08.01.2015</td>
</tr>
<tr data-id="136471">
    <td>136471</td>
    <td>Testproject Y</td>
    <td>Bad</td>
    <td>pinkcolored</td>
    <td>15.04.2015</td>
</tr>

$('tbody tr').click(function() {
  alert($(this).data('id'));
});