玉表格单元格内的按钮

时间:2017-05-30 09:17:07

标签: javascript html pug

我想在表格的每一行中添加一个按钮,但按钮似乎无法找出原因。我是jade和node js的新手

  

玉文件

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

1 个答案:

答案 0 :(得分:1)

你没有正确地缩进它们(它们需要相对于它们所处的tr缩进)并且你需要包含一个空的(或者在最后一个设置一个colspan = 2)来容纳td编辑按钮需要)

angular.module('myApp', ['googlechart'])
  .controller('myController', function($scope) {

    $scope.myChart = {
       "type":"ComboChart",
       "options":{
          "chartArea":{
             "left":"15%",
             "width":"85%",
             "height":"85%"
          },
          "focusTarget":"category",
          "tooltip":{
             "isHtml":true
          },
          "legend":{
             "position":"none"
          },
          "intervals":{
             "style":"area",
             "color":"series-color"
          },
          "interval":{
             "IC95Ahaut":{
                "color":"#f9cb9c",
                "fillOpacity":0.3
             },
             "IC95Abas":{
                "color":"#f9cb9c",
                "fillOpacity":0.3
             },
             "IC80Ahaut":{
                "color":"#f9cb9c",
                "fillOpacity":0.7
             },
             "IC80Abas":{
                "color":"#f9cb9c",
                "fillOpacity":0.7
             },
             "IC95Bhaut":{
                "color":"#4eced7",
                "fillOpacity":0.3
             },
             "IC95Bbas":{
                "color":"#4eced7",
                "fillOpacity":0.3
             },
             "IC80Bhaut":{
                "color":"#4eced7",
                "fillOpacity":0.7
             },
             "IC80Bbas":{
                "color":"#4eced7",
                "fillOpacity":0.7
             }
          },
          "series":{
             "0":{
                "color":"#f9cb9c",
                "targetAxisIndex":0,
                "type":"line",
                "lineWidth":0,
                "pointSize":0,
                "labelInLegend":"IC95A"
             },
             "1":{
                "color":"#f9cb9c",
                "targetAxisIndex":0,
                "type":"line",
                "lineWidth":0,
                "pointSize":0,
                "labelInLegend":"IC80A"
             },
             "2":{
                "color":"#4eced7",
                "targetAxisIndex":0,
                "type":"line",
                "lineWidth":0,
                "pointSize":0,
                "labelInLegend":"IC95B"
             },
             "3":{
                "color":"#4eced7",
                "targetAxisIndex":0,
                "type":"line",
                "lineWidth":0,
                "pointSize":0,
                "labelInLegend":"IC80B"
             }
          },
          "vAxes":{
             "0":{
                "format":"###.##%",
                "title":"Performance",
                "viewWindowMode":"maximized"
             }
          }
       },
       "data":{
          "cols":[
             {
                "id":"date",
                "label":"Date",
                "type":"date"
             },
             {
                "id":"ht",
                "type":"string",
                "role":"tooltip",
                "p":{
                   "html":true
                }
             },
             {
                "id":"IC95A",
                "label":"IC95A",
                "type":"number"
             },
             {
                "id":"IC95Abas",
                "type":"number",
                "role":"interval"
             },
             {
                "id":"IC95Ahaut",
                "type":"number",
                "role":"interval"
             },
             {
                "id":"IC80A",
                "label":"IC80A",
                "type":"number"
             },
             {
                "id":"IC80Abas",
                "type":"number",
                "role":"interval"
             },
             {
                "id":"IC80Ahaut",
                "type":"number",
                "role":"interval"
             },
             {
                "id":"IC95B",
                "label":"IC95B",
                "type":"number"
             },
             {
                "id":"IC95Bbas",
                "type":"number",
                "role":"interval"
             },
             {
                "id":"IC95Bhaut",
                "type":"number",
                "role":"interval"
             },
             {
                "id":"IC80B",
                "label":"IC80B",
                "type":"number"
             },
             {
                "id":"IC80Bbas",
                "type":"number",
                "role":"interval"
             },
             {
                "id":"IC80Bhaut",
                "type":"number",
                "role":"interval"
             }
          ],
          "rows":[
             {
                "c":[
                   {
                      "v":new Date('2017-05-23T22:00:00.000Z')
                   },
                   {
                      "v":"<table class=\"tooltipChart\"><tr><td colspan=\"3\"><strong>Performance - 24 mai 2017</strong></td></tr><tr><td>&nbsp;</td><td><div style=\"width:100%; text-align:center;\">IC 80%</div></td><td><div style=\"width:100%; text-align:center;\">IC 95%</div></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #4eced7\"></i> Sans</td><td style=\"padding: 0px 20px;\"><strong>1,32% - 1,66%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,24% - 1,76%</strong></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #f9cb9c\"></i> Avec</td><td style=\"padding: 0px 20px;\"><strong>1,19% - 1,52%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,11% - 1,61%</strong></td></tr>"
                   },
                   {
                      "v":0.013600000000000001
                   },
                   {
                      "v":0.0111
                   },
                   {
                      "v":0.0161
                   },
                   {
                      "v":0.01355
                   },
                   {
                      "v":0.0119
                   },
                   {
                      "v":0.0152
                   },
                   {
                      "v":0.015
                   },
                   {
                      "v":0.0124
                   },
                   {
                      "v":0.0176
                   },
                   {
                      "v":0.0149
                   },
                   {
                      "v":0.0132
                   },
                   {
                      "v":0.0166
                   }
                ]
             },
             {
                "c":[
                   {
                      "v":new Date("2017-05-24T22:00:00.000Z")
                   },
                   {
                      "v":"<table class=\"tooltipChart\"><tr><td colspan=\"3\"><strong>Performance - 25 mai 2017</strong></td></tr><tr><td>&nbsp;</td><td><div style=\"width:100%; text-align:center;\">IC 80%</div></td><td><div style=\"width:100%; text-align:center;\">IC 95%</div></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #4eced7\"></i> Sans</td><td style=\"padding: 0px 20px;\"><strong>1,35% - 1,57%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,30% - 1,63%</strong></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #f9cb9c\"></i> Avec</td><td style=\"padding: 0px 20px;\"><strong>1,07% - 1,27%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,02% - 1,32%</strong></td></tr>"
                   },
                   {
                      "v":0.0117
                   },
                   {
                      "v":0.0102
                   },
                   {
                      "v":0.0132
                   },
                   {
                      "v":0.011699999999999999
                   },
                   {
                      "v":0.0107
                   },
                   {
                      "v":0.0127
                   },
                   {
                      "v":0.01465
                   },
                   {
                      "v":0.013
                   },
                   {
                      "v":0.0163
                   },
                   {
                      "v":0.014599999999999998
                   },
                   {
                      "v":0.0135
                   },
                   {
                      "v":0.0157
                   }
                ]
             },
             {
                "c":[
                   {
                      "v":new Date("2017-05-25T22:00:00.000Z")
                   },
                   {
                      "v":"<table class=\"tooltipChart\"><tr><td colspan=\"3\"><strong>Performance - 26 mai 2017</strong></td></tr><tr><td>&nbsp;</td><td><div style=\"width:100%; text-align:center;\">IC 80%</div></td><td><div style=\"width:100%; text-align:center;\">IC 95%</div></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #4eced7\"></i> Sans</td><td style=\"padding: 0px 20px;\"><strong>1,59% - 1,77%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,54% - 1,82%</strong></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #f9cb9c\"></i> Avec</td><td style=\"padding: 0px 20px;\"><strong>1,16% - 1,32%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,12% - 1,37%</strong></td></tr>"
                   },
                   {
                      "v":0.01245
                   },
                   {
                      "v":0.0112
                   },
                   {
                      "v":0.0137
                   },
                   {
                      "v":0.0124
                   },
                   {
                      "v":0.0116
                   },
                   {
                      "v":0.0132
                   },
                   {
                      "v":0.016800000000000002
                   },
                   {
                      "v":0.0154
                   },
                   {
                      "v":0.0182
                   },
                   {
                      "v":0.016800000000000002
                   },
                   {
                      "v":0.0159
                   },
                   {
                      "v":0.0177
                   }
                ]
             },
             {
                "c":[
                   {
                      "v":new Date("2017-05-26T22:00:00.000Z")
                   },
                   {
                      "v":"<table class=\"tooltipChart\"><tr><td colspan=\"3\"><strong>Performance - 27 mai 2017</strong></td></tr><tr><td>&nbsp;</td><td><div style=\"width:100%; text-align:center;\">IC 80%</div></td><td><div style=\"width:100%; text-align:center;\">IC 95%</div></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #4eced7\"></i> Sans</td><td style=\"padding: 0px 20px;\"><strong>1,59% - 1,75%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,55% - 1,79%</strong></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #f9cb9c\"></i> Avec</td><td style=\"padding: 0px 20px;\"><strong>1,25% - 1,39%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,21% - 1,43%</strong></td></tr>"
                   },
                   {
                      "v":0.0132
                   },
                   {
                      "v":0.0121
                   },
                   {
                      "v":0.0143
                   },
                   {
                      "v":0.0132
                   },
                   {
                      "v":0.0125
                   },
                   {
                      "v":0.0139
                   },
                   {
                      "v":0.0167
                   },
                   {
                      "v":0.0155
                   },
                   {
                      "v":0.0179
                   },
                   {
                      "v":0.0167
                   },
                   {
                      "v":0.0159
                   },
                   {
                      "v":0.0175
                   }
                ]
             },
             {
                "c":[
                   {
                      "v":new Date("2017-05-27T22:00:00.000Z")
                   },
                   {
                      "v":"<table class=\"tooltipChart\"><tr><td colspan=\"3\"><strong>Performance - 28 mai 2017</strong></td></tr><tr><td>&nbsp;</td><td><div style=\"width:100%; text-align:center;\">IC 80%</div></td><td><div style=\"width:100%; text-align:center;\">IC 95%</div></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #4eced7\"></i> Sans</td><td style=\"padding: 0px 20px;\"><strong>1,59% - 1,73%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,55% - 1,77%</strong></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #f9cb9c\"></i> Avec</td><td style=\"padding: 0px 20px;\"><strong>1,27% - 1,40%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,24% - 1,43%</strong></td></tr>"
                   },
                   {
                      "v":0.01335
                   },
                   {
                      "v":0.0124
                   },
                   {
                      "v":0.0143
                   },
                   {
                      "v":0.01335
                   },
                   {
                      "v":0.0127
                   },
                   {
                      "v":0.014
                   },
                   {
                      "v":0.0166
                   },
                   {
                      "v":0.0155
                   },
                   {
                      "v":0.0177
                   },
                   {
                      "v":0.0166
                   },
                   {
                      "v":0.0159
                   },
                   {
                      "v":0.0173
                   }
                ]
             },
             {
                "c":[
                   {
                      "v":new Date("2017-05-28T22:00:00.000Z")
                   },
                   {
                      "v":"<table class=\"tooltipChart\"><tr><td colspan=\"3\"><strong>Performance - 29 mai 2017</strong></td></tr><tr><td>&nbsp;</td><td><div style=\"width:100%; text-align:center;\">IC 80%</div></td><td><div style=\"width:100%; text-align:center;\">IC 95%</div></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #4eced7\"></i> Sans</td><td style=\"padding: 0px 20px;\"><strong>1,56% - 1,68%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,53% - 1,72%</strong></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #f9cb9c\"></i> Avec</td><td style=\"padding: 0px 20px;\"><strong>1,26% - 1,37%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,23% - 1,40%</strong></td></tr>"
                   },
                   {
                      "v":0.01315
                   },
                   {
                      "v":0.0123
                   },
                   {
                      "v":0.014
                   },
                   {
                      "v":0.01315
                   },
                   {
                      "v":0.0126
                   },
                   {
                      "v":0.0137
                   },
                   {
                      "v":0.01625
                   },
                   {
                      "v":0.0153
                   },
                   {
                      "v":0.0172
                   },
                   {
                      "v":0.0162
                   },
                   {
                      "v":0.0156
                   },
                   {
                      "v":0.0168
                   }
                ]
             },
             {
                "c":[
                   {
                      "v":new Date("2017-05-29T22:00:00.000Z")
                   },
                   {
                      "v":"<table class=\"tooltipChart\"><tr><td colspan=\"3\"><strong>Performance - 30 mai 2017</strong></td></tr><tr><td>&nbsp;</td><td><div style=\"width:100%; text-align:center;\">IC 80%</div></td><td><div style=\"width:100%; text-align:center;\">IC 95%</div></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #4eced7\"></i> Sans</td><td style=\"padding: 0px 20px;\"><strong>1,56% - 1,68%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,52% - 1,71%</strong></td></tr><tr><td><i class=\"fa fa-circle\" style=\"color: #f9cb9c\"></i> Avec</td><td style=\"padding: 0px 20px;\"><strong>1,25% - 1,36%</strong></td><td style=\"padding: 0px 20px;\"><strong>1,22% - 1,39%</strong></td></tr>"
                   },
                   {
                      "v":0.013049999999999999
                   },
                   {
                      "v":0.0122
                   },
                   {
                      "v":0.0139
                   },
                   {
                      "v":0.013049999999999999
                   },
                   {
                      "v":0.0125
                   },
                   {
                      "v":0.0136
                   },
                   {
                      "v":0.01615
                   },
                   {
                      "v":0.0152
                   },
                   {
                      "v":0.0171
                   },
                   {
                      "v":0.0162
                   },
                   {
                      "v":0.0156
                   },
                   {
                      "v":0.0168
                   }
                ]
             }
          ]
       }
    };

  });