VUE中嵌套多层table

最新推荐文章于 2024-06-18 22:34:12 发布

thinktech_Li

最新推荐文章于 2024-06-18 22:34:12 发布

阅读量6.4k

点赞数 2

分类专栏：前端(JS/HTML/CSS)

本文链接：https://blog.csdn.net/tenlay_li/article/details/89633029

版权

项目前端使用Vue，嵌套多层table小记一个demo

<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title>Vue-Table-Demo </title>
<!--1.引入VUE.JS ---->
<script src="./vue.min.js"></script>
<style type="text/css">
   * {margin: 0;padding: 0;}
body {
   padding: 20px;
}
table {
   width: 100%;
   border-collapse: collapse;
   text-align: center;
}
table th,td {
   border: 1px solid #999;
}
.table2 tr td:nth-child(1) {
   border-left: 0;
}
.table2 tr td:nth-last-child(1) {
   border-right: 0;
}
.table2 tr:nth-child(1) td{
   border-top: 0;
}
.table2 tr:nth-last-child(1) td {
   border-bottom: 0;
}
.w200 {
   width: 200px;
}
</style>
</head>
<body>
   <div id="app-8">
      <table id="table1">
         <tr>
            <th>序号</th>
            <th>派工单号</th>
            <th>

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

thinktech_Li

关注关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
VUE中嵌套多层table

项目前端使用Vue，嵌套多层table小记一个demo<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Vue-Table-Demo </title><script src="./vue....
复制链接

扫一扫