【datatable】给单元格添加事件

最新推荐文章于 2023-12-16 15:26:52 发布

贝阿朵今天依然鬼笑

最新推荐文章于 2023-12-16 15:26:52 发布

阅读量1.2k

点赞数 1

分类专栏： JS 文章标签： jquery datatable

本文链接：https://blog.csdn.net/u014458962/article/details/107715036

版权

本文介绍如何在使用Datatable时为表格的特定列（如comments列）添加双击事件，以实现为每个单元格添加注释的功能。通过设置createCell属性并利用回调函数，可以获取单元格DOM元素及对应行信息，从而实现个性化的注释添加。

摘要由CSDN通过智能技术生成

最近有个需求，给一个用datatable做的表格的某一列添加增加注释的功能，demo如下：

我需要给comments那一列的每一个单元格添加双击事件，用来实现添加注释的功能——假如我要给Mary 添加“bad girl”的 comments，jerry的comments还得是good boy，不能跟着一起变形了对吧。

搜索了一下找到了办法：使用createCell属性。

demo code如下（我没有把添加comments的功能都做完，不过只要能获取到单个单元格的dom元素和对应行的相关信息，其他都是力气活了）

<table class="table">
    <thead>
    <tr>
        <th>name</th>
        <th>age</th>
        <th>grade</th>
        <th>comments</th>
    </tr>
    </thead>
    <tbody>
    </tbody>
</table>
<script type="text/javascript">
    var data = [
    {
    'name': 'jerry',
    'age': 12,
    'grade': 90,
    &#