angular Js去掉table重复边框，并组合行占比，通讯录实现

最新推荐文章于 2023-06-10 17:32:27 发布

你不懂程序员的Bug

最新推荐文章于 2023-06-10 17:32:27 发布

阅读量1k

点赞数

分类专栏： angular 文章标签： angular angularJS table 合并

本文链接：https://blog.csdn.net/NiQinGe/article/details/79045769

版权

本文展示了如何使用AngularJS处理表格，去除重复边框并实现行合并，以创建一个高效的通讯录展示效果。通过示例代码和运行截图，详细解释了具体实现过程。

摘要由CSDN通过智能技术生成

话不多说，直接上代码。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <title>通讯录</title>
    <script src="https://cdn.bootcss.com/angular.js/1.6.7/angular.min.js"></script>
    <!--<script src="../js/angular.min.js"></script>-->
    <script>
        var app = angular.module("TXL",[]);
        app.controller("tongxunlu",function ($scope) {
            $scope.open = true;
            $scope.lists=[
                {
  dept:"财务部",otder:[
                    {
  deptNum:"1",name:"李大钊",loginName:"li_dz",phone:"15200113232",sex:"男",addr:"北京",gangwei:"软件开发工程师",email:"li_dz"},
                {
  deptNum:"2",name:"李大钊1",loginName:"li_dz",phone:"15200113232",sex:"男",addr:"北京",gangwei:"软件开发工程师",email:"li_dz"},
                {
  deptNum:"3",name:"李大钊2",loginName:"li_dz",phone:"15200113232",sex:"男",addr:"北京",gangwei:"软件开发工程师",email:"li_dz"},
                {
  deptNum:"4",name:"李大钊3",loginName:"li_dz",

最低0.47元/天解锁文章

你不懂程序员的Bug

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
angular Js去掉table重复边框，并组合行占比，通讯录实现

话不多说，直接上代码。html>lang="en"> charset="UTF-8"> name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/> 通讯录 src="https://cdn.bootcss.com/angular.js/1.6.7/an
复制链接

扫一扫