Why can't the table of iview be displayed?

according to iview"s official document, table has been changed to i-table, but it still doesn"t show the effect
specific code: http://jsrun.net/MAhKp/edit

3
<link rel="stylesheet" type="text/css" href="http://unpkg.com/iview/dist/styles/iview.css">
    <script type="text/javascript" src="http://vuejs.org/js/vue.min.js"></script>
    <script type="text/javascript" src="http://unpkg.com/iview/dist/iview.min.js"></script>
    

<template>
    <i-table :columns="columns1" :data="data1"></i-table>
</template>

js
export default {
        data () {
            return {
                columns1: [
                    {
                        title: "",
                        key: "name"
                    },
                    {
                        title: "",
                        key: "age"
                    },
                    {
                        title: "",
                        key: "address"
                    }
                ],
                data1: [
                    {
                        name: "",
                        age: 18,
                        address: ""
                    },
                    {
                        name: "",
                        age: 25,
                        address: ""
                    },
                    {
                        name: "",
                        age: 30,
                        address: ""
                    },
                    {
                        name: "",
                        age: 26,
                        address: ""
                    }
                ]
            }
        }
    }
Mar.23,2022

every example on the official website can be run online. Take a good look at the document
clipboard.png


remove `
< template >

Menu