样式A禁用的Twitter引导表Onclick包含在表中的选项

Question

我有一个使用Bootstrap 3表的页面。此表包含各种链接，但我希望它在选择选项时禁用表链接。

我有这个工作，但我需要设置它的样式，以便前端用户知道该表已被禁用。

我的代码是：

                <table class="table table-hover table-striped hidden-xs" id="clientListTable">
                <tr>
                    <th>
                        <a href="<%=Html.GenerateLoopBackUrl(true, new { ClientList_SortOn = cell.SortOn, ClientList_SortDirection = sortDirection })%>"><%=cell.Value%></a>
                        <%if (showFilterOption)
                            { %> 
                                <a href="#" id="<%:cell.ColumnIdentifier%>_link" class="noPdf">
                                    <span class="glyphicon glyphicon-filter" id="<%:cell.ColumnIdentifier%>_img"></span>
                                </a>
                                <%--<img src="<%= filterIcon%>" alt="add filter" id="<%:cell.ColumnIdentifier%>_img" />--%>
                        <%}%>
                    </th>
                </tr>
                <tr>
                    <%
                        foreach (var cell in row.Cells)
                        {
                                if (cell.Hidden) { }
                                else {%><td onclick="return clickDisableFunction();"><%=cell.Value%></td><%}
                        }
                    %>
                </tr>

我的Java是

    var clickedOnce = false;

function clickDisableFunction()
{
    if (clickedOnce == true)
    {
        return false;
    };
    clickedOnce = true;
    document.getElementById('clientListTable').setAttribute("disabled","true")
};

正如我所说，这可以按预期工作，但是当用户点击链接时，他们看不到所有其他链接在被重定向时被禁用。

以下是相关表格的屏幕截图。

我想要的只是让桌子淡出（在点击链接上变成浅灰色）

Answer 1

决定使用模态作为一个正常的选项