vue table 固定首列和首行

最新推荐文章于 2023-05-24 11:44:24 发布

南国之风

最新推荐文章于 2023-05-24 11:44:24 发布

阅读量812

点赞数

文章标签： vue.js javascript html

原文链接：https://www.cnblogs.com/mxyr/p/10787972.html

版权

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test</title>
<style>
table{border-collapse: collapse;}
th,td{padding: 5px;text-align: center;border:1px solid #999;min-width: 100px;}
th{background-color: #333;color: #fff;position: sticky;top:0px;}
td:first-child{background-color: #333;color: #fff;position: sticky;left:0px;}
th:first-child{position: sticky;left:0px;}
</style>
<script src="https://cdn.staticfile.org/vue/2.5.17-beta.0/vue.min.js"></script>
<script>
document.addEventListener("DOMContentLoaded",function(){
let t = new Vue({el:"#t"});
});
</script>
</head>