我目前正在将此代码用于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/