将点击事件添加到数据表单元格

Question

I'm trying to add a click event to a dynamically created a datatabe. So this is my js :

   $('#report-table').dataTable({
        "proccessing": true,
        "serverSide": true,
        "ajax": {
            url: '@Url.Action("Get","Controller")',
            type: 'GET'

        },
       "columns": [
           { "data": "Name" },
                { "data": "Date" }, //lest say I want to add a click event here ???
                { "data": "sName", render: myRender }// I tried render but this is rendered without waiting on click function
        ]

    });

and this is my table for example :

<tr role="row" class="odd">
<td class="sorting_1">A Test</td>
<td class="aaaa">2/13/2020 3:34:40 PM</td> //lets say I want to fire a click event when I click the .aaaa class
<td>
    <a  asp-route-fileid="55555555" asp-action="Download5"><img src="img/download.svg" height="30" width="30"></a>
</td>

Let's say I want to fire a click event when I click the .aaaa class.

Can anyone please give me an idea? Can I do this? I'm stucked right here. Any idea would be apprecciated very very much :)

Answer 1

Try this, for more check this forum :

$('#report-table').on('click', 'td.aaaa', function (e) {
        // your code to do something
    )};

Answer 2

Instead of render use className to add a class to the cell

   "columns": [
        { "data": "Name" },
        { 
            "data": "Date",
            "className": "your-class"
        },
        { "data": "sName" }
   ]

then put an on click event handler on your class

$('#report-table').on('click', '.your-class', function() {
    //function code here
}

Answer 3

$("tr[role='row']").on('click',()=> {
    alert($(this).find('td.aaaa').text());
});