我目前正在将此代码用于row click中的bootstrap table事件

$('#myTable').bootstrapTable().on('click-row.bs.table', function (e, row, $element)
    {
       //....my operation
    }


问题是这会触发整个行,而我希望能够为单个单元格触发它。


  注意我正在使用参数,row and $element


这是FIDDLE

最佳答案

$ element是整行,您无法知道以此方式单击了哪个单元格,
bootstrap表没有单元格单击事件,因此您需要在最后一个单元格上手动添加click事件并自己填写所需的变量

$('#table').bootstrapTable({
    data: data
}).on('click','td:last-child',function(){
    var $t = $(this), $row = $t.parent(), i = $row.index(), row = data[i];
    var $firstTd = $row.children().eq(0);
    if($firstTd.data("haveTable") !== true){
        $firstTd.data("haveTable",true);
        $firstTd.append('<table class="newTable"><tr><td>NEW TABLE</td></tr></table>');
    } else {
        $firstTd.data("haveTable",false);
        $firstTd.children("table").remove();
    }
});


https://jsfiddle.net/e3nk137y/1663/

10-05 20:49
查看更多