数据表列上的锚标记

Question

字段列上的锚标记。

如何在数据表中添加锚标记和标题。

以下是代码：

    $(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">';
            }
        }],
        "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": "Name" },
                    { "data": "Email" },
                    { "data": "AssignTo" },
                    { "data": "Status" }                  
        ]




    });
});

这里的上述代码在“Title”的情况下，它必须是一个锚标签..

所以有什么建议吗？

这是表格：

  <table class="table table-striped table-bordered table-hover" id="TableId">
    <thead>
        <tr>
            <th>
                <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                    <input type="checkbox" class="group-checkable" id="chkall" data-set="#sample_2.checkboxes" onclick="Selectallcheckbox()" />
                    <span></span>
                </label>
            </th>
            <th> Date Created </th>
            <th> Title </th>
            <th> User Name </th>
            <th> User Email </th>

            <th>Assigned To </th>
            <th> Status </th>
        </tr>
    </thead>
    <tbody>
        @foreach (var itm in Model.TicketList)

        {
            <tr class="odd gradeX">
                <td>
                    <label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
                        <input type="checkbox" class="checkboxes" value="1" />
                        <span></span>
                    </label>
                </td>
                <td class="center"> @itm.CreatedDate.ToString("MM/dd/yyyy") </td>
                <td>
                    @*<a href="#" onclick="AppDetails(@itm.Id)">@itm.Title</a>*@
                    <a href="/TicketTemplate/AppDetails/@itm.Id">@itm.Title</a>
                </td>
                <td> @itm.Name </td>
                <td>
                    <a href="#"> @itm.Email  </a>
                </td>

                <td> @itm.AssignTo </td>
                <td>
                    <span class="label label-sm label-warning"> @itm.Status </span>
                </td>
            </tr>
        }

如何显示标题栏以及锚标记？

Answer 1

这样做，

"columns": [
            {
             "name": "Name",
             "render": function (data, type, row) {
                   return "<a href=" + row.myURL+ "/"+ row.id+ "  
                   class='_myCkass' id=" + row.myID + ">" + row.fieldMark + "
                           </a>";
                }
            },
            { "data": "CreatedDate" },
            //Rest field
           ],