数据table 鼠标经过行的事件有没有

提问 未结 1 50
烟的味道
悬赏:20飞吻
版本:layui 2.5 浏览器:
数据table 鼠标经过行的事件有没有

有高手给个例子没
回帖
  • CrazyYi
    5天前
    我觉得应该是没有的。应该要自己写。

    我简单写了一个,供你参考:
    <script>
    /**
    * 自定义 table hover 事件。注意,该事件必须要在 table.render done 完成后调用才有效
    */
    const tableHover = function () {
    console.log('正在进入到 table hover');
    // mainList 是table 的id,用layui-table渲染的话,需要用next 来定位实际渲染的表格
    const $table = $('#mainList').next();
    // 获取所有的 tr。注意:这样获取到的是一个数组。数组每个值,都对应具体的某一行。
    const $trs = $table.find('.layui-table-main').find('tr');
    $.each($trs, function (iRow, tr) {
    $(tr).hover(function () {
    console.log('经过第' + iRow + '行')
    }, function () {
    console.log('离开第' + iRow + '行')
    });
    })
    };
    </script>
    附上截图:


    最后附上效果截图:


    希望对你有帮助。
    0 回复