行监听与头监听分析：

1.行监听使用 tool方法，头监听使用 toolbar 方法
2.id属性:用于页面渲染加载;lay-filter属性：用于js的选择器
3.两者监听的对象都是table而不是各自自己，取决于table的lay-filter属性,自己本身不需要lay-filter属性 
4.两者渲染都使用 toolbar 字段定义，参考第一条，这里容易理解误区

以上可对照下面代码示例理解，主要理解id和lay-filter是怎么用的，lay-event属性是监听之后的判断

layui-table使用简介：

1.引入样式及js文件

    <!--引入layui样式文件-->
    <link rel="stylesheet" href="./css/layui.css" media="all">
    <!--引入layui的js文件-->
    <script src="./js/layui.js" charset="utf-8"></script>

2.html部分
table表

    <!--表单写法，需要 id及lay-filter -->
    <table class="layui-hide" id="list" lay-filter="demo"></table>

表头

    <!--表头写法,只需要id-->
    <script type="text/html" id="toolbarDemo">
        <div class="layui-input-inline">
            <!--不需要监听的普通行，可直接用js的点击事件-->
            <button class="layui-btn" type="button"  id="detail">查看</button>

            <!--需要监听表单行选择的，添加lay-event属性-->
            <button class="layui-btn" type="button" lay-event="more">多行选择</button>
            <button class="layui-btn" type="button" lay-event="all">是否全选</button>
        </div>
    </script>

表单-行操作按钮

    <!--行操作-->
    <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
        <a class="layui-btn layui-btn-xs" lay-event="edit">修改</a>
        <a class="layui-btn layui-btn-xs" lay-event="other">其它</a>
    </script>

3.js部分

列表

    table.render({
        elem: '#list',
        url:'表单数据来源地址',
        toolbar: '#toolbarDemo',
        title:'列表',
        cols: [[
            {type: 'checkbox', fixed: 'left'}
            ,{field:'id', title: 'ID', sort: true}
            ,{field:'name', title: '名称'}
            ,{fixed: 'right', title:'操作', toolbar: '#barDemo' }
        ]],
        page:true
    });

监听头工具栏

table.on('toolbar(demo)', function(obj){
    //头监听使用 toolbar
}

监听行操作栏

table.on('tool(demo)', function(obj){
    //行监听使用 tool
}