Question

我正在使用jquery数据表显示以下信息。 ID，标题，地址，城市，ZipCode ID中的行只包含一个链接到产品详细信息页面的链接，这很好，但文本显示每行的“查看”。这太傻了。我想隐藏/删除Id列并使标题可单击，即单击标题然后应将用户转移到详细信息页面。换句话说，我希望标题列接管Id列的功能。

这是我的代码。

$(document).ready(function () {

    $('#myDataTable').dataTable({
        "bServerSide": true,
        "sAjaxSource": "DataTable/AjaxHandler",
        "bProcessing": true,
        "aoColumns": [
                        { "sName": "ID",
                            "bSearchable": false,
                            "bSortable": false,
                            "fnRender": function (oObj) {
                                return '<a href=\"' + oObj.aData[0] + '\">View</a>';
                            }
                        },
                        { "sName": "TITLE" },
                        { "sName": "ADDRESS" },
                        { "sName": "CITY" },
                        { "sName": "ZIPCODE" }
                    ]
    });
});

我正在使用MVC 2.0

希望它有意义。

Answer 1

您提供的代码不起作用。我自己设法解决了这个问题，这是我最后的代码，可能是同样的情况。

$(document).ready(function () { 

$('#myDataTable').dataTable({
    "bServerSide": true,
    "sAjaxSource": "DataTable/AjaxHandler",
    "bProcessing": true,
    "aoColumns": [
                    { 
                        "sName": "TITLE", //index 1
                        "bSearchable": true,
                        "bSortable": true,
                        "fnRender": function (oObj) 
                        {
                            return '<a href=\"' + oObj.aData[0] + '\">' + oObj.aData["1"] + '</a>';
                        }                             
                    }
                    ,
                    { 
                        "sName": "ADDRESS", //index 2
                        "bSearchable": true,
                        "bSortable": true,
                        "fnRender": function (oObj) 
                        {
                            return oObj.aData["2"] 
                        }                             
                    }
                    ,
                                            { 
                        "sName": "CITY", //index 3
                        "bSearchable": true,
                        "bSortable": true,
                        "fnRender": function (oObj) 
                        {
                            return oObj.aData["3"] 
                        }                             
                    }
                    ,
                                            { 
                        "sName": "ZIPCODE", //index 4
                        "bSearchable": true,
                        "bSortable": true,
                        "fnRender": function (oObj) 
                        {
                            return oObj.aData["4"] 
                        }                             
                    }
                ]
    });
});

Answer 2

    $(document).ready(function () {

$('#myDataTable').dataTable({
    "bServerSide": true,
    "sAjaxSource": "DataTable/AjaxHandler",
    "bProcessing": true,
    "aoColumns": [
                    { "sName": "ID",
                        "bSearchable": false,
                        "bSortable": false,
                        "fnRender": function (oObj) {
                            return '<a href=\"' + oObj.aData[0] + '\">View</a>';
                        }
                    },
                    { "sName": "TITLE",
                      "fnRender": function (oObj) {
                        var al = oObj.aData[0].split('>');                          
                        var al2 = al[0].split('=');                         
                        var al3 = al2[1].split('/');                           
                        return "<a href='\" + al3[al3.length-1] + "'>"oObj.aData[1] + "</a>";
                    },"aTargets": [1]

}， {“sName”：“ADDRESS”}， {“sName”：“CITY”}， {“sName”：“ZIPCODE”} ] }）; }）;

可能是那种帮助，它可能并不完美，它可能起作用

要隐藏列，您可以尝试以下链接 show/Hide column in datatable

jQuery DataTable可点击标题

2 个答案: