Render Id in anchor tag click datatable

Question

Render Id in anchor tag click datatable.

Here is the code:

 

'columnDefs': [
          {
              targets: 2,
              render: function (data, type, row, meta) {
                  if (type === 'display') {
                      data = '<a href="/TicketTemplate/AppDetails/' + data["Id"] + '">' + data + '</a>';
                  }

                  return data;
              }
          }
        ],

How do i pass the row value on id.

i.e. pass like <a href="/TicketTemplate/AppDetails/@itm.Id">@itm.Title</a> on anchor tag click.

how do i get the id??

Here is the total code of datatable:

 

$(document).ready(function ()
{
  debugger
    $('#TableId').DataTable(
    {
        //"columnDefs": [
        //    { "width": "5%", "targets": [0] },
        //    {
        //        "className": "text-center custom-middle-align",

        //        "targets": [0, 1, 2, 3, 4, 5, 6]
        //    },
        //],
        'columnDefs': [{
            'targets': 0,
            'searchable': false,
            'orderable': false,
            'width': '1%',
            'className': 'dt-body-center',
            'render': function (data, type, full, meta) {
                return '<input type="checkbox">';
            }
        }
        ,
          {
              targets: 2,
              render: function (data, type, row, meta) {
                  if (type === 'display') {
                      data = '<a href="/TicketTemplate/AppDetails/' + data["Id"] + '">' + data + '</a>';
                  }

                  return data;
              }
          }
        ],
        "language":
            {
                "processing": "<div class='overlay custom-loader-background'><i class='fa fa-cog fa-spin custom-loader-color'></i></div>"
            },
        "processing": true,
        "serverSide": true,
        "ajax":
            {
                "url": "/TicketTemplate/GetData",
                "type": "POST",
                "dataType": "JSON"
            },
        "columns": [
                   { "data": '' },
                    { "data": "CreatedDate" },
                    { "data": "Title" },
                     //{
                     //    //"data": "title",
                     //    "render": function (data, type, row, meta) {
                     //        //return '<a href=\"' + title + '\">' + title + '</a>';
                     //        return '<a href="' + title + '">' + data + '</a>';
                     //    }
                     //},
                      //{
                      //    //"data": "title",
                      //    "render": function (data, type, row, meta) {
                      //        //return '<a href=\"' + title + '\">' + title + '</a>';
                      //        return "<a href=" + row.myURL + "/" + row.id + "   id=" + row.id + ">" + row.Title + " </a>";


                      //    }
                      //},

                    { "data": "Name" },
                    { "data": "Email" },
                    { "data": "AssignTo" },
                    { "data": "Status" }
        ]




    });
});