Таблица данных JQuery OnClick tr td: НЕ tr th

Question

У меня есть таблица данных JQuery, и у меня есть функция onClick, которая собирает все данные строки таблицы и отображает модальные данные ... Это прекрасно работает.Проблема сохраняется, когда я нажимаю на заголовок таблицы для сортировки строк, появляется модальное окно, потому что оно внутри строки таблицы ... Мой вопрос: как я могу позволить TR TD работать, но не TR TH?

Я попробовал: НЕ выбрано для TH, это не сработало

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

            //This is the selected data from the row
            selectedData = table.row(this).data();
            //Display a MODAL with this information

 });

Я ожидаю, когда я щелкаю по заголовку, чтобы отсортировать модал, а при нажатии не срабатывает.

Answer 1

//Add the event listener to the tbody tag's table rows
//This will eliminate the problem of clicking a table header as it is contained
//In the thead tag
 $('#jqueryDataTable tbody').on('click', 'tr', function () {

            //This is the selected data from the row
            selectedData = table.row(this).data();
            //Display a MODAL with this information

 });