Twitter bootstrap 如何在表格中每3个单元格周围添加阴影？

我使用的是表格中的单元格。我想在每3个单元格周围添加阴影，这样它就可以由每3个单元格组成一组

代码：

var table=$（“#Tableid”）；
var hostId=1；
var计数=0；
变量行=$（''）.addClass（'test'）；
对于（var i=0；i，我在同一单元格中添加了3个按钮，而不是每个单元格中的一个按钮

这是你的电话号码

HTML:

<table id="Tableid" class="table " style="width: 1800px" >
    <thead>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <td>8</td>
            <td>9</td>
            <td>10</td>
            <td>11</td>
            <td>12</td>
            <td>13</td>
            <td>14</td>
            <td>15</td>
            <td>16</td>
            <td>17</td>
            <td>18</td>
            <td>19</td>
            <td>20</td>
            <td>21</td>
            <td>22</td>
            <td>23</td>
            <td>24</td>
            <td>25</td>
            <td>26</td>
            <td>27</td>
            <td>28</td>
            <td>29</td>
            <td>30</td>
        </tr>
    </thead>
</table>

var table = $('#Tableid');
var hostId = 1;
var count = 0;
var row = $('<tr></tr>').addClass('test');
for(var i=0; i<50; i++){            

    var button=""
    for(j=0; j<3; j++){
        button += "<button data-id=\""+hostId+"\"class=\"btn btn-primary btn-lg open-InfoModal\" data-toggle=\"modal\" data-target=\"#hostInfo\" href=\"#infoModal\">"+hostId+"</button>";
        hostId++;
    }    

    var cell = $('<td style="text-align: center; box-shadow: 5px 5px 5px gray;" colspan=3>'+hostId+'</td>').addClass('test').html(button);
    row.append(cell);

    if(count<9) {
        count++;
    } else {

    table.append(row);
    row = $('<tr></tr>').addClass('test');
    count = 0;
    }
}


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

JavaScript:

<table id="Tableid" class="table " style="width: 1800px" >
    <thead>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
            <td>6</td>
            <td>7</td>
            <td>8</td>
            <td>9</td>
            <td>10</td>
            <td>11</td>
            <td>12</td>
            <td>13</td>
            <td>14</td>
            <td>15</td>
            <td>16</td>
            <td>17</td>
            <td>18</td>
            <td>19</td>
            <td>20</td>
            <td>21</td>
            <td>22</td>
            <td>23</td>
            <td>24</td>
            <td>25</td>
            <td>26</td>
            <td>27</td>
            <td>28</td>
            <td>29</td>
            <td>30</td>
        </tr>
    </thead>
</table>

var table = $('#Tableid');
var hostId = 1;
var count = 0;
var row = $('<tr></tr>').addClass('test');
for(var i=0; i<50; i++){            

    var button=""
    for(j=0; j<3; j++){
        button += "<button data-id=\""+hostId+"\"class=\"btn btn-primary btn-lg open-InfoModal\" data-toggle=\"modal\" data-target=\"#hostInfo\" href=\"#infoModal\">"+hostId+"</button>";
        hostId++;
    }    

    var cell = $('<td style="text-align: center; box-shadow: 5px 5px 5px gray;" colspan=3>'+hostId+'</td>').addClass('test').html(button);
    row.append(cell);

    if(count<9) {
        count++;
    } else {

    table.append(row);
    row = $('<tr></tr>').addClass('test');
    count = 0;
    }
}

var table=$（'#Tableid'）；
var hostId=1；
var计数=0；
变量行=$（''）.addClass（'test'）；
对于（var i=0；i您是否尝试在每个单元格中添加一个按钮，而不是在同一单元格中添加3个按钮？检查此项：这是您正在寻找的吗？嗨，您能否将此作为答案发布，以便我可以接受？谢谢