Update pages/Content_Display/demo_table.py

pages/Content_Display/demo_table.py

@@ -159,7 +159,7 @@ ss.space("mt-8")
 
 ss.write('''
 ---
-#### 🔎 代码
+#### 🔎 Code
 ''')
 
 ss.md('''
@@ -170,39 +170,26 @@ data = {'name': ['👧🏻 Alice', '👦🏻 Bob', '👦🏻 Charlie'],
         'age': [25, 30, 35],
         'city': [':sunny: New York', ':cloud: San Francisco', ':sunny: Los Angeles'],
         'health':[90,80,60]
-        }
+       }
+
 df = pd.DataFrame(data)
 
-vuestr = \'''
-<template>
-    <v-row>
-    <v-rating
-      v-model="rating" density="compact" color="orange" half-increments></v-rating>
-    <v-chip variant="text">{{item.value}}</v-chip>
-        </v-row>
-</template>
+cols = ss.columns([70,"flex:30; border-left:1px solid lightgray"], design=True, style="border:1px solid lightgray")
 
-<script>
 
-module.exports = {
-    props:["item"],
-    
-    data () {
-        return {
-            rating: 3
-        }
-    },
-    methods: {
-        //todo
-    },
-    mounted: function () {
-        this.rating = this.item.value/20
-    },
-}
-</script>
-\'''
-
-ss.table(df, custom_columns = ["city"], vue_columns = ["health"], vue_code = vuecode)
+jscode = """
+    //console.log(test)
+    if(item.col == "city")
+        return md(item.value);
+    else{
+        var rating = item.value/20
+        return '<el-rate :model-value="' + rating + '" disabled />'
+    }
+    return res;/// "<el-tag>" + item.value + "</el-tag>";
+"""
+
+mytable_ex = ss.table(df, custom_fields = ["city", "health"], cell_render = jscode, border = True)
+
 ```
 ''')