Timeline

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div class="table-responsive tableFixHead">
                                            <table class="table table-hover" id="tableLine" border="0" style="border: none; width: 100%; margin-bottom: 0px;">                                             
                                                <tbody id="timeline">
                                                <tr id="1" data-salatav="1" class="table-row"><th scope="row" class="noselect row-head text-left">T. 1<span class="badge badge-dark ml-1">2</span></th><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding: 0px; position: relative; z-index: 1;"></td><td style="padding:...

JavaScript

// this work in static version if data is load from AJAX that will have no effect 
$(".table-row").click(function () {
    alert("we");
});

// so i was trying to use this but it had same effect

$(".timeline").on("click","table-row",function () {
    alert("we");
});