dataTables и TouchSpin

UdIM1vU
Встроить фильтр по значению в столбце таблицы dataTables прямо в заголовке этого столбца показалось мне хорошей идеей. Не надо впихивать отдельную форму фильтрации на страницу и сам фильтр всегда перед глазами и воспринимается более наглядно.
Но при клике в поле ввода и на кнопках «+» и «-» срабатывает сортировка по столбцу, что, конечно же, совершенно недопустимо.

Лезть в исходники плагина слишком недальновидно, при обновлении плагина все резко поломается, пока снова не залезешь в исходники. Через полгодика уже все мелочи подзабудутся и можно решить, что обновить плагины — это вполне допустимая идея. А в случае, если у проекта сменится разработчик — вероятность такого развития событий резко возрастает.
Самый оптимальный вариант в этом случае — решить проблему при активации плагина.

// присоединяем плагин и останавливаем всплытие клика
// на контейнере тачспина
$('.filter-touchspin')
    .TouchSpin({
        verticalbuttons : true, 
        verticalupclass : 'fa fa-plus', 
        verticaldownclass : 'fa fa-minus'
    }).parent().on(
        'click', 
        function(event) {event.stopPropagation();}
    );