时间戳

首页 > 解决方案 > 为数据表中的各个行添加点击事件（JQuery）

javascript - 为数据表中的各个行添加点击事件（JQuery）

问题描述

我是 javascript 新手，我想创建一个使用数据表的新应用程序。数据表是动态呈现的。我有一组作为dataSet传递的数据。

但问题是我想为每一行添加一个函数“showDetails(id)”（这里的id指的是行id）。我坚持这个

$(document).ready(function() {
    $('#example').DataTable( {
    data: dataSet,
    columns: [
        { title: "Name" },
        { title: "Position" },
        { title: "Office" },
        { title: "Extn." },
        { title: "Start date" },
          { title: "Salary" }]
   } );
} );

标签： javascriptjquerydatatables

解决方案

嗨，下面的代码将帮助您在 jQuery 数据表中获取行点击事件，您可以在那里实现showDetails(id); 功能。

var table = $('#example').DataTable();
          $(document).on("click", "#example tr", function(e) {
                var data = table.row( this ).data();
                alert( 'You clicked on '+data[0]+'\'s row' );
          });

你可以看看我创建的工作小提琴

推荐阅读