jQuery数据表可点击标题

我使用jquerydatatables显示以下信息。 ID、头衔、地址、城市、邮编 ID中的行只包含一个链接，链接到产品的详细信息页面，这很好，但是每行的文本都显示“视图”。这太傻了。我想隐藏/删除Id列并使标题可单击，也就是说，当单击标题时，用户应该被转移到详细信息页面。换句话说，我希望title列接管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" }
                    ]
    });
});

$（文档）.ready（函数（）{
$（“#myDataTable”）.dataTable({
“bServerSide”：正确，
“sAjaxSource”：“DataTable/AjaxHandler”，
“bProcessing”：正确，
“aoColumns”：[
{“sName”：“ID”，
“可搜索”：错误，
“可移植”：错误，
“fnRender”：函数（oObj）{
返回“”；
}
},
{“sName”：“TITLE”}，
{“sName”：“地址”}，
{“sName”：“城市”}，
{“sName”：“ZIPCODE”}
]
});
});

我正在使用MVC2.0

希望它有意义

$（文档）.ready（函数（）{
    $(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]

$（“#myDataTable”）.dataTable({
“bServerSide”：正确，
“sAjaxSource”：“DataTable/AjaxHandler”，
“bProcessing”：正确，
“aoColumns”：[
{“sName”：“ID”，
“可搜索”：错误，
“可移植”：错误，
“fnRender”：函数（oObj）{
返回“”；
}
},
{“sName”：“TITLE”，
“fnRender”：函数（oObj）{
var al=oObj.aData[0]。拆分（'>'）；
var al2=al[0]。拆分（'='）；
var al3=al2[1]。拆分（'/'）；
返回“”；
}，“目标”：[1]

},， {“sName”：“地址”}， {“sName”：“城市”}， {“sName”：“ZIPCODE”} ] }); });

也许有帮助，也许不完美，也许有用

要隐藏列，可以尝试以下链接

---

您好，您提供的代码不起作用。我已经设法自己解决了这个问题，这里是我的最终代码，可能在相同的情况下

$(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"] 
                        }                             
                    }
                ]
    });
}); 

$（文档）.ready（函数（）{
$（“#myDataTable”）.dataTable({
“bServerSide”：正确，
“sAjaxSource”：“DataTable/AjaxHandler”，
“bProcessing”：正确，
“aoColumns”：[
{ 
“sName”：“TITLE”，//索引1
“可听”：是的，
“可移植”：是的，
“fnRender”：函数（oObj）
{
返回“”；
}                             
}
,
{ 
“sName”：“ADDRESS”，//索引2
“可听”：是的，
“可移植”：是的，
“fnRender”：函数（oObj）
{
返回oObj.aData[“2”]
}                             
}
,
{ 
“sName”：“CITY”，//索引3
“可听”：是的，
“可移植”：是的，
“fnRender”：函数（oObj）
{
返回oObj.aData[“3”]
}                             
}
,
{ 
“sName”：“ZIPCODE”，//索引4
“可听”：是的，
“可移植”：是的，
“fnRender”：函数（oObj）
{
返回oObj.aData[“4”]
}                             
}
]
});
}); 

Amritpal Singh你好！您提供的代码无效！当我在浏览器中查看数据表时，id仍然存在（我希望它们消失），标题变成了链接，这很好，这也是我想要的，但链接不起作用。另外，我认为第行有语法错误：return“”，相反，它应该说：return“”@user806345是否不希望id列出现。请详细说明little@user806345我已经编辑了我的答案，您可以检查该解决方案是否适合您。嗨，虽然我使用了上面的确切答案，但问题正是朝着这个方向解决的。谢谢你宝贵的回答