layui表格写一个新增功能

好的，我了解了你的要求。关于你的问题：layui表格的新增功能，这里提供一个简单的示例代码：

HTML代码：

<div class="layui-btn-container">
  <button id="btnAdd" class="layui-btn">新增</button>
</div>
<table id="tbData" class="layui-table">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>25</td>
      <td>男</td>
      <td>
        <a href="#" class="layui-btn layui-btn-sm">编辑</a>
        <a href="#" class="layui-btn layui-btn-sm layui-btn-danger">删除</a>
      </td>
    </tr>
    <tr>
      <td>李四</td>
      <td>28</td>
      <td>女</td>
      <td>
        <a href="#" class="layui-btn layui-btn-sm">编辑</a>
        <a href="#" class="layui-btn layui-btn-sm layui-btn-danger">删除</a>
      </td>
    </tr>
  </tbody>
</table>

JavaScript代码：

// 绑定新增按钮的点击事件
$('#btnAdd').on('click', function () {
  // 弹出新增对话框
  layer.open({
    type: 1,
    title: '新增数据',
    content: $('#dlgAdd'),
    btn: ['保存', '取消'],
    yes: function (index, layero) {
      // 获取用户输入的数据
      var name = $('#txtName').val();
      var age = $('#txtAge').val();
      var gender = $('#txtGender').val();
      // 在表格中新增一行数据
      $('#tbData > tbody:last-child').append(
        '<tr><td>' + name + '</td><td>' + age + '</td><td>' + gender + '</td><td><a href="#" class="layui-btn layui-btn-sm">编辑</a><a href="#" class="layui-btn layui-btn-sm layui-btn-danger">删除</a></td></tr>');
      // 隐藏对话框
      layer.close(index);
    }
  });
});

// 绑定表格中编辑按钮的点击事件（这里用了jQuery的事件委托）
$('#tbData').on('click', '.layui-btn:not(.layui-btn-danger)', function () {
  // 获取当前行的数据
  var row = $(this).closest('tr');
  var name = row.find('td:eq(0)').text();
  var age = row.find('td:eq(1)').text();
  var gender = row.find('td:eq(2)').text();
  // 弹出编辑对话框，并预填充数据
  layer.open({
    type: 1,
    title: '编辑数据',
    content: $('#dlgEdit'),
    btn: ['保存', '取消'],
    yes: function (index, layero) {
      // 更新表格中对应的数据
      row.find('td:eq(0)').text($('#txtName').val());
      row.find('td:eq(1)').text($('#txtAge').val());
      row.find('td:eq(2)').text($('#txtGender').val());
      // 隐藏对话框
      layer.close(index);
    }
  });
});

// 绑定表格中删除按钮的点击事件（这里用了jQuery的事件委托）
$('#tbData').on('click', '.layui-btn-danger', function () {
  // 获取当前行
  var row = $(this).closest('tr');
  // 弹出确认框
  layer.confirm('确定要删除此数据吗？', {
    btn: ['确定', '取消']
  }, function (index) {
    // 从表格中删除当前行
    row.remove();
    // 隐藏确认框
    layer.close(index);
  });
});

这是一个简单的示例，你可以根据实际情况进行修改和优化。另外，请确保你已经引入了layui和jQuery库。