关于layui的表格

最近在做一个提供数据输入功能的网页，使用layui进行布局。需要创建一个空白表格供使用者输入数据。而官方案例均为从后台获取数据形成已有数据的表格。点击按钮，添加一行空白表格。代码如下：

<body>
    <table id="inputData" lay-filter="test"></table>
    <button id="btn" class="layui-btn" lay-filter='btn'>添加</button>
</body>
<script>
    layui.use(['jquery','table'], function(){
      var $ = layui.jquery,
        table = layui.table;
      var tableIns = table.render({
        id:'inputData'
        ,elem: '#inputData'
        ,data: [{}]
        ,height: 315
        ,page: true //开启分页
        ,cols: [[ //表头
          {field: 'firid', title: 'ID', width:30,  fixed: 'left',edit:'text'}
          ,{field: 'fishName', title: '鱼名', width:120,edit:'text'}
          ,{field: 'weigth', title: '重量/kg', width:80,edit:'text'}
          ,{field: 'price', title: '单价', width:60,edit:'text'} 
        ]]
      });
        $('#btn').on('click',function(){
            table.cache['inputData'].push([{}]);
            tableIns.reload({
                data:table.cache['inputData']
            });
        });
    });
</script>

此处必须注意，table.render 中必须有id和data，否则会报错：push未定义。