Я создал пользовательскую таблицу, используя строки и столбцы, используя Bootstrap плюс мой пользовательский css, в котором она будет заполнять строку значениями из таблицы mysql, используя приведенный ниже код.
$.ajax(
{
type: 'POST',
url: '../include/clienttable.php',
data: 'loaddata=1&s_value='+search_value,
success: function(data)
{
lhtml="";
for(var x in data)
{
lhtml+="<div class='row data'>";
lhtml+="<div class='col-2'>"+data[x].client_name+"</div>";
lhtml+="<div class='col-2'>"+data[x].client_email+"</div>";
lhtml+="<div class='col-2'>"+data[x].client_country+"</div>";
lhtml+="<div class='col-2'>"+data[x].client_contact+"</div>";
lhtml+="<div class='col-2'>"+data[x].client_updated+"</div>";
lhtml+="<div class='col-2'>"+data[x].client_status+"</div>";
lhtml+="</div>";
}
},
error: function(xhr, ajaxOptions, thrownError)
{
console.log(thrownError);
},
complete: function(data)
{
$("#leads-data").empty();
$("#leads-data").append(lhtml);
}
});
Сгенерированные строки будут вставлены в div (# lead-data), чтобы создать табличную функцию на странице. Я также вставил код, который, когда вы нажмете на строку, он будет делать что-то. Проблема в том, что я не знаю, как получить индекс или значение строки, например значение «Имя» в строке.
$(document).ready(function (){
RefreshTableData("");
$(".row").click(function(e)
{
console.log(e.childNodes.length);
});
});
Надеюсь, вы поможете мне с моей проблемой.
Спасибо.