vuetify3 table表格示例代码-html代码-BFW代码库

vuetify3 table表格示例代码

代码语言：html

所属分类：表格

代码描述：vuetify3 table表格示例代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

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

<head>
  <meta charset="UTF-8">
  
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/vuetify.3.3.13.css">

  
  <style>
      :root {
  --v-theme-surface: 255,0,0;
}
  </style>
</head>

<body >
  <script type="text/x-template" id="app-template">
  <v-app>
    <v-table>
      <thead>
        <tr>
          <th class="text-left">
            Name
          </th>
          <th class="text-left">
            Calories
          </th>
        </tr>
      </thead>
      <tbody>
        <tr
          v-for="item in desserts"
          :key="item.name"
        >
          <td>{{ item.name }}</td>
          <td>{{ item.calories }}</td>
        </tr>
      </tbody>
    </v-table>
  </v-app>
</script>

<div id="app"></div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue.global.3.2.37.js"></script>
<script type="text/javascript" src="//.........完整代码请登录后点击上方下载按钮下载查看