单击按钮时禁用列的排序

Question

在我的boostrap表格列中，有一个显示模态帮助的按钮。 问题是该列是可排序的：然后，当我点击按钮时，排序和帮助显示都会发生。 如何禁用按钮中的排序操作，但不禁用列文本？

提前致谢!!

Answer 1

我找到了问题的答案：

$( "#helpButton_id" ).click(function( event ) {
      // stopPropagation prevents the further sorting to happen
      event.stopPropagation();
      // show the modal programatically
      $('#Modal_id').modal('show');
    });

此致

Answer 2

此解决方案的问题在于，最初未显示的列（在网页代码中具有data-visible="false"）在显示时不具有此行为。

此外，帮助按钮显示在列选择器中，这是不可取的。