o Edit yerleştirmek ve jQuery DataTable düğmelerini Sil mümkün mü?

Question

jQuery DataTable kullanarak bir acemi değilim ve Düzen yerleştirin ve aşağıdaki resimdeki gibi bootstrap dinamik veri bağlama ile jQuery DataTable'da düğmeleri Sil çalışıyorum:

Ama bir hata mesajı alıyorum :

Kontrolör Eylem

public class PhoneNumber 
    { 
     public string Number { get; set; } 
     public string Description { get; set; } 
     public string Action { get; set; } 
    } 

    public ActionResult LoadPhoneNumbers() 
    { 
     var phoneNumbers = new List<PhoneNumber>(new[] 
     { 
      new PhoneNumber { Number = "555 123 4567", Description = "George",Action="" }, 
      new PhoneNumber { Number = "555 765 4321", Description = "Kevin" ,Action="" }, 
      new PhoneNumber { Number = "555 555 4781", Description = "Sam",Action="" } 
     }); 

     return Json(new 
     { 
      aaData = phoneNumbers.Select(x => new[] { x.Number, x.Description }) 
     }, JsonRequestBehavior.AllowGet); 
    } 

HTML

<table id="tblAdminUsers" class="table table-striped table-bordered table-hover table-highlight table-checkable" 
          data-info="true" 
          data-search="true" 
          data-paginate="true"> 
          <thead> 
           <tr>          
            <th>Number</th> 
            <th>Description</th> 
            <th>Action</th> 
           </tr> 
          </thead> 
          <tbody> 
          </tbody> 
         </table> 

Senaryo

$(function() { 

    $("#tblAdminUsers").dataTable({ 
     bProcessing: true, 
     sAjaxSource: '@Url.Action("LoadPhoneNumbers", "Admin")', 
     aoColumns: [ 
      { mData: "Number" }, 
      { mData: "Description" }, 
      { 
       mData: "Action", 
       bSortable: false, 
       mRender: function (o) { return '<i class="ui-tooltip fa fa-pencil" style="font-size: 22px;" data-original-title="Edit"></i><i class="ui-tooltip fa fa-trash-o" style="font-size: 22px;" data-original-title="Delete"></i>'; } 
      } 
     ] 
    }); 
}); 

Yardım edin.

Answer 1

Sadece dataTable Script aoColumns mülkiyet

yılında mData özelliğini kaldırın.

$(function() { 

$("#tblAdminUsers").dataTable({ 
    bProcessing: true, 
    sAjaxSource: '@Url.Action("LoadPhoneNumbers", "Admin")', 
    aoColumns: [ 
     { bSortable: false, }, 
     { bSortable: false, }, 
     { 
      bSortable: false, 
      mRender: function (o) { return '<i class="ui-tooltip fa fa-pencil" style="font-size: 22px;" data-original-title="Edit"></i><i class="ui-tooltip fa fa-trash-o" style="font-size: 22px;" data-original-title="Delete"></i>'; } 
     } 
    ] 
});}); 

Answer 2

sadece bu url izleyin: http://editor.datatables.net/examples/styling/envelopeInTable.html. Bu Endişeni çözecektir.