JSFiddle - React, Tailwind, and code Playground

by xie shine

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/[email protected]/lib/index.js"></script>
<div id="app"></div>

CSS

@import url("//unpkg.com/[email protected]/lib/theme-default/index.css");

JavaScript

new Vue({
        el:'#app',
        data() {
            return {
                tableData:[],
                columns: [
                    {
                        "children": [],
                        "prop": "selection",
                        "label": "选择",
                        "formatter": null //必须是函数！
                    },
                    {
                        "children": [
                            {
                                "children": [
                                    {
                                        "children": [],
                                        "prop": "id",
                                        "label": "序号",
                                        "formatter": null
                                    },
                                    {
                                        "children": [],
                                        "prop": "name",
                                        "label": "姓名",
                                        "formatter": null
                                    }
                                ],
                                "prop": null,
                                "label": "b",
                                "formatter": null
                            },
                            {
                                "children": [
                                    {
                                        "children": [],
                                        "prop": "sex",
                                        "label": "性别",
                                        "formatter": null
                                    },
                                    {
                                        "children": [],
                                        "prop": "age",
                                        "label": "年龄",
                                        "formatter": null
                                    }
                               ...