Блог

Я создаю таблицу с помощью jQuery, и в этой таблице я объединяю 3 столбца в 1 столбец:

итак, как я объединяю несколько столбцов в 1 столбец перед объединением:

 if (re.length > 0) {
    $("#services_schdulue").append
     $('#services_schdulue thead').append("<tr><th>Service ID</th><th>Service Type</th><th>frequency</th><th>Freq_Duration</th><th>Freq_Mileage</th></tr>");

    for (var i = 0; i < re.length; i  ) {
        if (re[i] !== null) {
            $('#services_schdulue tbody').append('<tr><td>'   re[i][0]  
                '</td><td>'   re[i][1]  
                '</td><td>'   re[i][2]   
                '</td><td>'   re[i][3] 
                '</td><td>'   re[i][4]  
                '</td></tr>');                                                               
        }
    }
}
 

После объединения:

 if (re.length > 0) {
    $("#services_schdulue").append
    $('#services_schdulue thead').append("<tr><th>Service ID</th><th>Service Type</th><th>S freq</th></tr>");

    for (var i = 0; i < re.length; i  ) {
        if (re[i] !== null) {
            $('#services_schdulue tbody').append('<tr><td>'   re[i][0]  
                '</td><td>'   re[i][1]  
                '</td><td>'   re[i][2]   ''   re[i][3]   ''   re[i][4]  
                '</td></tr>');       
        }
    }
}

var myTable = $('#services_schdulue').DataTable({
    "columnDefs": [{ 
        "visible": false, 
        "targets": [3,4,5] 
    }]               
});
 

Попробуйте приведенное ниже решение, я думаю, это вам поможет.

 $('#services_schdulue').on('click', 'tr', function () {
        var row = $(this)[0];
        console.log(re[row._DT_RowIndex]);
});
 

В консоли вы найдете все данные строки, на которую вы нажимаете.

В соответствии с вашим jsfiddle, приведенное ниже решение поможет вам. Не забудьте объявить переменную re за пределами document.ready

     $('#tabledata').on('click', 'tr', function () {

        $("#myModal").modal("show");
            var row = $(this);
            var row_index = row[0]._DT_RowIndex;
            var data = re[row_index];

            $("#txt_status").val(data.Status);
            debugger;
            //var repeat = myTable.row.find('td')[2].firstChild.data;
            $("#txt_speed").val(data.Speed);
        });