layui表格数据动态实现

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>字典管理</title>
    <link rel="stylesheet" href="../../statics/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../statics/style/admin.css" media="all">
</head>

<body>

<!-- 主体部分 -->
<div class="layui-card">
    <div class="layui-card-header">字典管理</div>

    <div class="layui-card-body">

        <div class="layui-form">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">字典名称</label>
                    <div class="layui-input-inline">
                        <input type="text" ).reset();
                    form.render();
                }

            });

        }

        // 保存按钮事件
        form.on('submit(post_form)', function (data) {
            var postData = Object.assign(currentRow, data.field);
            for (var i in postData) {    // 清除值为null的属性
                if (postData[i] === null) {
                    delete postData[i];
                }
            }

            admin.req({
                url: currentOpt,
                type: 'POST',
                data: JSON.stringify(postData),
                contentType: 'application/json;charset=utf-8',
                dataType: 'json',
                done: function() {
                    table.reload('manage_table');
                    layer.msg('操作成功');
                    layer.close(layerIndex);
                }
            });
            return false;
        });
    });
</script>

</body>

</html>
主要注意一下引进去的js跟css
还有自己写得接口调用以及数据渲染的时候的值。