通过var定义一个data数组，data数组里面创建假数据，layui表格通过cols方式将表格渲染到表格中，并在最后一行创建一个新增按钮插入到表格中并带上索引号

你好，以下是通过var定义一个data数组，data数组里面创建假数据，layui表格通过cols方式将表格渲染到表格中，并在最后一行创建一个新增按钮插入到表格中并带上索引号的代码：

// 定义data数组
var data = [
  {id: 1, name: '张三', age: 20},
  {id: 2, name: '李四', age: 22},
  {id: 3, name: '王五', age: 18},
];

// 定义cols数组
var cols = [[
  {field: 'id', title: 'ID', align: 'center'},
  {field: 'name', title: '姓名', align: 'center'},
  {field: 'age', title: '年龄', align: 'center'},
]];

// 加入新增数据的操作按钮
cols[0].push({
  title: '操作',
  align: 'center',
  toolbar: '#toolbarBtns'
});

// 定义laytpl模板
var tpl = '<div class="layui-btn-container">' +
            '<button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="add">新增</button>' +
          '</div>';

// 填充模板
tpl = laytpl(tpl).render();

// 渲染表格
table.render({
  elem: '#demo',
  data: data,
  cols: cols,
  toolbar: '#toolbarBtns',
  limit: 10,
  page: true
});

// 监听工具条
table.on('toolbar(test)', function(obj){
  var layEvent = obj.event; // 获取事件类型

  if(layEvent === 'add') {
    // 获取表格数据总数
    var count = table.cache.demo.length;

    // 在末尾添加新的数据行
    table.addRow('#demo', { id: count+1, name: '', age: '' });
  }
});

以上代码中，我们先定义了一个data数组和cols数组，然后在cols数组中加入了一个操作按钮，接着定义了一个laytpl模板并将其填充，最后使用table.render方法渲染表格，并通过监听工具条的方式在最后一行加入一个新增数据的操作按钮。需要注意的是，这里用到的是Layui框架的表格组件。