**********************--倒--序--上--升--（方便新增、更新）***********************

（3）給 動態生成 的 行 內按鈕，新增點選事件（多用於分頁情況下，行 內的按鈕）。如

{ "data": "defaultRank", "render": function (data, type, full, meta) {

              return "<button class='clear_wx_btn btn btn-info'>晉級</button>";

          }

          },

$(document).on('click', '.clear_wx_btn', function(){

    $("#errorTip").text("")

    //var row = table.row({selected : true}).data();//這種最常見，但這種情況，第二次點選會失效(主要table要定義成全域性變數)

    //var matchArea = $(this).parent().parent().children().eq(1).text()

    var row = table.row($(this).parent().parent()).data();//貌似row{param}裡面的param是 jquery物件的"$行",

    $("#rankTeamName").val(row.teamName)

    $("#rankTeamId").val(row.teamId)

    $("#teamRankModal").modal("show")

})

----附：$(document) 網上說(責任越大，消耗記憶體越大)的一種繫結事件

（2）建立 行 點選事件（預設為 左鍵 點選事件，右鍵的也有一例），這裡展示獲取 行號 和 指定列 的資料

$('#datatable tbody').on('click','tr',function(e){

      //先拿到點選的行號

        var index = $(this).context._DT_RowIndex;

        //此處拿到隱藏列的值

        var name = $('#datatable').DataTable().row(index).data().name;// name是"columns" { "data": "name"},裡面對應的name

        layer.msg("點選_"+index+"_行,名字："+name)

      //點選空白無效（一些特殊情況有用）

        if(name == undefined || name == ""){

            return false;

        }

（1）滑鼠移動到 行 上時，行背景高亮顯示

$('#datatable tbody')

    .on( 'mouseover', 'tr', function () {

        $(this).children().addClass( 'highlight' );

    } )

    .on( 'mouseleave', 'tr', function () {

        $(this).children().removeClass( 'highlight' );

    } );
td.highlight {

        background-color: whitesmoke !important;

    }

選中id = “datatable” 的表格

----附一：JS的初始化 順序 和 位置 很重要，很多情況就是 初始化位置 不正確，沒有生效