jquery datatable щелчок строки с отзывчивым

Question

Я использую JQuery Datatable с отзывчивым (+) отзывчивый знак показывает правильно при уменьшении размера экрана у меня был щелчок строки события на столе

 $('#datatables tbody').on('click', 'tr', function (e) {//Code});

Моя проблема в том, что реагирующая кнопка запускает обе функции отзывчивая (по умолчанию) функция, расширяющая строку и мое событие щелчка строки

есть ли способ предотвратить это

Редактировать: То же самое происходит с любой прикрепленной кнопкой в ​​строке, если кнопка нажата, она выполняет как событие нажатия кнопки, так и событие щелчка строки

Answer 1

Попробуйте https://datatables.net/extensions/responsive/examples/child-rows/whole-row-control.html

, если это не помогает, пожалуйста, присвойте класс столбцу, например:

"columns": [
    { "data": "MyColumn", "className": "toggle-btn-add" }
]

и назовите это как:

$('#datatables tbody').on('click', 'td.toggle-btn-add', function (e) {//Code});

Надеюсь, это поможет

Answer 2

Я исправил проблему с уродливым решением сначала я добавил пустой индекс тд 0, чтобы на нем отображалась отзывчивая кнопка во-вторых, я изменил событие с tr click на td click затем проверьте индекс td

$('#datatables tbody').on('click', 'td', function (e) {
                    var tdIndex = this.cellIndex;
                    if (tdIndex == 0)
                    {//For Responsive Click leave Empty
                    }

                    else { //Normal Code}

я все еще жду лучшего решения