2015-05-29 9 views
5

Dotyczy to plików danych 1.10.x.Ustawienie problemu nazwa td/nazwa w DataTables 1.10.x

Używam this odniesienie do tworzenia wierszy dziecko i łatwo umieścić HTML wewnątrz kodu JavaScript, który jest genereated, tak:

function format (d) { 
    return '<div class="slider">'+ 
    '<table id="expandInput" cellpadding="5" cellspacing="0" border="0" style="margin: 0 auto;">'+     
     '<tr>'+ 
      '<td class="dropHeader">Cost</td>'+ 
      '<td class="dropInfo"><input required type="text" id="cost" name="cost" value="'+d.cost+'"></input></td>'+     
     '</tr>'+      
    '</table>'+ 
    '</div>'; 
} 

Ale dotyczy to tylko dziecko, dziecko, które jest generowane on- Kliknij. Nie mam pojęcia, jak utworzyć id lub name przy użyciu standardowej składni datatables dla komórek, które generuje sam datatables. Jedyny przykład udało mi się znaleźć na stronie internetowej DataTables' odnosi się do tworzenia id używając po stronie serwera

var table = $('#ltc-table').DataTable({  
    "data" : json,   
    "columns" : [ 
     { data : 'cost' }, 
     { data : 'resale' } 
    ], 
    "columnDefs": [ 
    { className: "details-control", "targets": [ 0 ] } 
    ] 
}); 

wiem, że mogę ustawić klasę na td wykorzystaniem columnDefs, jak wykazano here, ale nie mogę zrozumieć jak dodać dodatkowe kryteria, i muszę ustawić unikalny id i name dla każdego td, który jest genereated.

Odpowiedz

6

Musisz użyć właściwości createdRow, aby zdefiniować wywołanie zwrotne dla każdego elementu TR, który został utworzony dla treści tabeli.

$('#example').dataTable({ 
    "createdRow": function (row, data, index) { 
     $('td', row).eq(1).attr('id', 'td-' + index + '-1'); 
    } 
}); 

kod $('td', row).eq(1) służy do wybierania komórek drugiego rzędu w tabeli za pomocą indeksu od zera (1 na drugą komórkę). Kod attr('id', 'td-' + index + '-1') ustawi atrybut komórki id na td-0-1 dla pierwszego wiersza, td-1-1 dla drugiego wiersza itd., Gdzie index jest indeksem wiersza opartym na zerem.

Zobacz this JSFiddle lub Row created callback example w celu demonstracji.

Powiązane problemy