直接上代码

数据：

[  {    "id": "1001",    "name": "yyq",    "isAdmin": 0  },  {  "id": "1002",  "name": "yyq",  "isAdmin": 1},  {  "id": "1003",  "name": "yyq",  "isAdmin": 0},  {  "id": "1004",  "name": "yyq",  "isAdmin": 1},  {  "id": "1005",  "name": "yyq",  "isAdmin": 0},  {  "id": "1006",  "name": "yyq",  "isAdmin": 1},  {  "id": "1007",  "name": "yyq",  "isAdmin": 0},  {  "id": "1008",  "name": "yyq",  "isAdmin": 1},  {  "id": "1009",  "name": "yyq",  "isAdmin": 0},  {  "id": "10010",  "name": "yyq",  "isAdmin": 1},  {  "id": "10011",  "name": "yyq",  "isAdmin": 0},  {  "id": "10012",  "name": "yyq",  "isAdmin": 1},  {  "id": "10013",  "name": "yyq",  "isAdmin": 1},  {  "id": "10014",  "name": "yyq",  "isAdmin": 0},  {  "id": "10015",  "name": "yyq",  "isAdmin": 1},  {  "id": "10016",  "name": "yyq",  "isAdmin":0},  {  "id": "10017",  "name": "yyq",  "isAdmin": 1},  {  "id": "10018",  "name": "yyq",  "isAdmin": 0},  {  "id": "10019",  "name": "yyq",  "isAdmin":0},  {  "id": "10020",  "name": "yyq",  "isAdmin": 1}]

页面：

1   2   3   4     
       5     
       6       7     
       8     
       9     
      10     
      11  12     
      13      14      15  16     
      17      18     
      19      20  21  22 
     
       23  24     
       25     
      
        26         
        27             新增 28          29         
        30             修改 31          32         
        33             删除 34          35     
      
 36  37     
       38     
       39  40     
       41     
      
        42         
       
         43             
        
          44                 
         
           45                     
          × 46  47                     
          
 48 添加教师 49 
 50                 
         
 51                 
         
           52                     
          
            53 
           
             54 
            ID 55 
            
              56 
              57 
            
 58 
           
 59 
           
             60 
            姓名 61 
            
              62 
              63 
            
 64 
           
 65 
           
             66 *密码与ID一致 67 
           
 68 
           
             69 
            
              70 
             
               71 
               72 设为管理员 73  74 
             
 75 
            
 76 
           
 77 
          
 78                 
         
 79                 
         
           80                     
           81 取消 82  83                     
           84 保存 85  86                 
         
 87             
        
         88         
       
        89     
      
       90  91     
       92     
      
        93         
       
         94             
        
          95                 
         
           96                     
          × 97  98                     
          
 99 修改教师信息100 
101                 
         
102                 
         
          103                     
          
           104 
           
            105 
            ID106 
            
             107 
             108 
            
109 
           
110 
           
            111 
            姓名112 
            
             113 
             114 
            
115 
           
116 
           
            117 
            密码118 
            
             119 
             120 
            
121 
           
122 
           
            123 
            
             124 
             
              125 
              126 设为管理员127 128 
             
129 
            
130 
           
131 
          
132                 
         
133                 
         
          134                     
          135 取消136 137                     
          138 提交更改139 140                 
         
141             
        
        142         
       
       143     
      
      144 
     
145 146 324 325 326 

效果展示：