layui table工具栏点击时间_表格工具按钮列显示更多时也能触发table的事件

先看个大家可能都遇到过的问题的效果图：

就是如果工具栏没有设置宽度，有时候会被内容挤压得比较小，或者宽度设置不够，也会跟内容一样出现...然后点击显示下拉图标的时候会显示出更多的内容，但是跟普通的td不同的是按钮是显示出来了。

但是点击无法触发原先添加的tool监听，这就尴尬了，只能手动的拖拽一下列宽显示出其他的按钮然后在点击，或者应该在一开始的时候就设置一个足够的宽度，但是问题也来了，如果里面的按钮个数不确定，长度不确定，或者有很多很多。

那么实际上不可能让用户主要来看按钮而不是看内容，那么有没有什么方法让它平时现实...的然后点击显示更多的时候点击还能触发原始的事件的？

方法是想出来的哈，估计有不少途径可以做到，这里抛砖引玉分享下我的方法：利用两个事件委托来实现。

基本的代码如下：

思路解析：

首先给这个下拉的图标添加一个mousedown的事件，记录当前的显示更多的是数据哪个表格的哪个tr的哪个td。然后记录在table._tableTrCurr下面。

这个可能有的同学有疑问为啥不直接用click，这个是因为表格内部也做了一个事件委托，但是不是委托给document啥的而是委托给了table的body然后stope了也就是说实际上你外面再写委托到document。

点击监听的时候到table的逻辑之后就停了，不会走到你的监听里面，所以避开了它用了一个mousedown&#