Hoạt động Jquery datatables dựa trên chỉ số hàng

Question

Tôi đang cố gắng thêm một số văn bản và liên kết trên hàng trên một dữ liệu có thể đặt dựa trên chỉ mục hàng.

này là khởi tạo DataTable của tôi phần

<script> 
var datatablecompanyuser = null; 
$(document).ready(function() { 
    $.extend(true, $.fn.dataTable.defaults, { 
     "searching": false, 
     "ordering": false, 
     "paging": false 
    }); 

    var dataSourceUrl = "@Url.Action("CompanyUsersList", "Settings")"; 
    datatablecompanyuser = $('#datatablecompanyuser').dataTable({ 
     info: false, 
     ajax: { 
      "url": dataSourceUrl, 
      "type": "GET", 

     }, 
     columns: [ 
      { 
       "data": "Id", 
       "render": function (data, type, row) { 
        return "<label><input type='checkbox' value='" + data + "' name='chkGrid'><span class='text'></span></label>"; 
       } 
      }, 
      { "data": "Fullname" }, 
      { "data": "Email" }, 
      { "data": "CitizenIdNo" }, 
      { 
       "data": "CreateDate", 
       "render": function (data, type, row) { 
        return moment(parseInt(data.substr(6))).format('DD.MM.YYYY hh:mm'); 
       } 
      }, 
      { 
       "data": "Id", 
       "render": function (data, type, row) { 
        var table = $('#datatablecompanyuser').DataTable(); 
        if (table.row().index() == 0){ 
         return "<label>A</label>"} 
        else { 
         return "<label>B</label>"; 
        } 
       } 
      }, 
      { "data": "Id" }, 


     ], 
     language: { 
      "url": "//cdn.datatables.net/plug-ins/1.10.10/i18n/Turkish.json" 
     } 

    }); 

}); 
</script> 

Tôi đang cố gắng để thêm văn bản "A" trên hàng đầu tiên và "B" trên các hàng khác.

Như đã thấy trên đoạn mã ở trên, tôi đã thử thực hiện một việc như thế này trên cột tương ứng.

{ 
         "data": "Id", 
         "render": function (data, type, row) { 
          var table = $('#datatablecompanyuser').DataTable(); 
          if (table.row().index() == 0){ 
           return "<label>A</label>";} 
          else { 
           return "<label>B</label>"; 
          } 
         } 
        }, 

Nhưng mọi hàng đều nhận được A. Tôi đang làm điều gì đó sai nhưng không thể hiểu được.

Tôi sẽ cần cùng một chỉ mục hàng xác định cho cột tiếp theo để bao gồm một liên kết (hoặc không) nhưng tôi đoán nếu tôi có thể giải quyết nó ở đây, phần còn lại sẽ dễ dàng.

Answer 1

Bạn đang thiếu một tham số khác trong hàm kết xuất được gọi là meta và điều này lưu trữ chỉ mục hàng và cột. Xem tài liệu JQuery Datatables để biết thêm thông tin về các tham số hàm trả về.

function (data, type, row, meta) { 
    if (meta.row == 0){ 
     return "<label>A</label>";} 
    else { 
     return "<label>B</label>"; 
    } 
} 

Như đã trình bày trong tài liệu tham số meta chỉ được thêm vào trong phiên bản 1.10.1