layui数据表格监听按钮问题

layui官网文档源码

原始容器

<table id="demo" lay-filter="test"></table>

工具栏模板：

<script type="text/html" id="toolbarDemo">

  <div class="layui-btn-container">

    <button class="layui-btn layui-btn-sm" lay-event="add">添加</button>

    <button class="layui-btn layui-btn-sm" lay-event="delete">删除</button>

    <button class="layui-btn layui-btn-sm" lay-event="update">编辑</button>

  </div>

</script>

<script;>

//JS 调用：

table.render({

  elem: '#demo'

  ,toolbar: '#toolbarDemo'

  //,…… //其他参数

});

//监听事件

table.on('toolbar(test)', function(obj){

  var checkStatus = table.checkStatus(obj.config.id);

  switch(obj.event){

    case 'add':

      layer.msg('添加');

    break;

    case 'delete':

      layer.msg('删除');

    break;

    case 'update':

      layer.msg('编辑');

    break;

  };

});

</script>

今天遇到的问题：需要监听头工具条，

table.on('toolbar(test)', function(obj){ 使用这个，监听头工具条方法，自己这里写成demo了，把js中的这个 elem: '#demo'  给监听上了，所以，刷新页面不报错，点击也没有反应。无从下手的，不知道怎么检查。
具体原因都没有提示，所以，对于前段比较菜的me,真的是灾难啊。同时帮助找到，这里需要监听的是这个table,是想要知道table的操作，监听了才会获取值。

ps:layui  头工具条监听，需要监听的是table的lay-filter="test"

<table id="demo" lay-filter="test"></table>

table.on('toolbar(test)', function(obj){

  var checkStatus = table.checkStatus(obj.config.id);

  switch(obj.event){}
})