获取dataTable 行号以及该行所对应的值

水深无声 2021-10-08 06:56 429阅读 0赞

<table class="table table-striped table-bordered dataTable no-footer tableStyles"
    id="datatable" style="width: 100%;min-width:320px">
        <thead>
            <tr class="headings">
                <th class="column-title">
                    采样时间
                </th>
                <th class="column-title">
                    平均值
                </th>
                <th class="column-title">
                    极差
                </th>
            </tr>
        </thead>
        <tbody id="qualityTable">
        </tbody>
    </table>
    <div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog"
    aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">
                            ×
                        </span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel2">
                        该行详情
                    </h4>
                </div>
                <div class="table-responsive">
                    <div class="modal-body" id="getCenterValueID">
                    </div>
                </div>
            </div>
        </div>
    </div>

$('#datatable tbody').on('click', 'tr',function() {
    	    $("#myModalLabel2").text("第"+ this.rowIndex +"行数据详情");
     	    var data = dataTables.row(this).data();
    	    if (data == null) {
    	        $("#spcContentTip").show();
    	    } else {
    	        var datas = data.slice(3, data.length); //获取从第三个元素开始到最后
    	        var code = "";
    	        for (var i in datas) {
    	            code = code + '<p>' + "数据_" + i + "： " + datas[i] + '</p>'
    	        }
    	        $("#getCenterValueID").empty().append(code);
    	    }
    	});

![Center][]

[Center]: /images/20211008/325da7048a724843ad0ac7c7116b74ae.png

发表评论取消回复

表情：

评论列表（有 0 条评论，429人围观）

还没有评论，来说两句吧...

相关阅读

相关 python介绍，以及所对应的（软件）安装

一.Python介绍，和其他开发语言的优势 1.Python 的历史 > python是由创始人贵铎·范·罗萨姆（Guido van Rossum）在阿姆斯特丹于1

港控/mmm°/ 2024年03月17日 15:53/ 0 赞/ 11 阅读

相关获取DataTable的第一位值

DataTable dt1 = SQLiteHelper.ExecuteDataTable(sql2); long 总数 = Convert.ToInt64(dt1.Row

旧城等待，/ 2023年10月04日 13:59/ 0 赞/ 4 阅读

相关 easyPOI导入获取注解错误信息以及行号

public class StudentDto implements IExcelModel, IExcelDataModel { priva

小灰灰/ 2023年07月20日 12:17/ 0 赞/ 74 阅读

相关获取TensorFlow ckpt模型里的变量名称以及对应的值

一：输出模型中所有变量及其对应的值 from tensorflow.python.tools.inspect_checkpoint import print_tens

╰+攻爆jí腚メ/ 2022年12月20日 01:28/ 0 赞/ 81 阅读

相关已更新或删除的行值不能使该行成为唯一行

做机房收费系统时，好多次删除行的时候都遇到了“未删除任何行“的问题，刚开始没在意，以为是这条记录正在用。后来，删除的次数多了，遇到此问题的次数也多了，最后决定把所有应用

淩亂°似流年/ 2022年09月18日 13:57/ 0 赞/ 154 阅读

相关获取枚举的对应值

首先定义一个扩展属性的类 /// <summary> /// 自定义类的信息 /// </summary> [Attr

青旅半醒/ 2022年06月14日 02:14/ 0 赞/ 156 阅读

相关对Datatable根据行号进行分割

[https://blog.csdn.net/yu13767514297/article/details/50494912][https_blog.csdn.net_yu13

ゝ一纸荒年。/ 2022年05月08日 09:22/ 0 赞/ 182 阅读

相关 datatables 获取隐藏列的值

datatables 通过 "visible": false, 属性控制列的隐藏 datatables 如何获取隐藏列的 data 属性值，看如下代码 <!DOCT

我会带着你远行/ 2022年04月23日 13:12/ 0 赞/ 229 阅读

相关 GridView控件中点击该行获取id值

namespace buildingInfo \{ public partial class companyInfo\_list : System.Web.UI.Pag

左手的ㄟ右手/ 2021年11月01日 23:58/ 0 赞/ 298 阅读

相关获取dataTable 行号以及该行所对应的值

<table class="table table-striped table-bordered dataTable no-footer tableStyles"

水深无声/ 2021年10月08日 06:56/ 0 赞/ 430 阅读