DataTables得使用

table = $(‘#example‘).DataTable({
              "ajax": ‘@Url.Action("GetAll", "Busines")‘,//显示的数据,返回格式的数组的数组  
              "order": [[0, "desc"]], //排序，0为根据第一列来排序，desc为倒序
              "language": {           //显示的语言  
                  "lengthMenu": "每页 _MENU_ 条记录",
                  "zeroRecords": "没有找到记录",
                  "info": "第 _PAGE_ 页 ( 总共 _PAGES_ 页 )",
                  "infoEmpty": "无记录",
                  "infoFiltered": "(从 _MAX_ 条记录过滤)",
                  "paginate": {
                      "previous": "上一页",
                      "next": "下一页"
                  }
              },
        });

   table = $("#mytable").DataTable({
            "ajax": {
                url: "/Order/GetOrderALL",
                type: "POST",
                data: { "state": state }
            },
            "language": {
                "lengthMenu": "每页 _MENU_ 条记录",
                "zeroRecords": "没有找到记录",
                "info": "第 _PAGE_ 页 ( 总共 _PAGES_ 页 )",
                "infoEmpty": "无记录",
                "infoFiltered": "(从 _MAX_ 条记录过滤)",
                "paginate": {
                    "previous": "上一页",
                    "next": "下一页"
                }
            },
        });

//点击查看详情   列里面的class为detalis点击的时候(我一般给第一列命名)
        $(‘.mytable‘).on(‘click‘, ‘ tbody td .detalis‘, function () {
            var tr = $(this).parents(‘tr‘);
            var row = table.row(tr);
            if (row.child.isShown())
            {
                //这一行已经打开,关闭它
                row.child.hide();
                tr.removeClass(‘shown‘);
            }
            else
            {
                //打开这一行
                //format()是一个方法，为获取折叠表格的内容。参数根据功能给
                row.child(format($(this).attr("orderid"))).show();
                    tr.addClass(‘shown‘);
            }
        });

//订单的 详细信息数据
    function format(e) {
        var dom = ‘<table class="ChildTable" border="1" style="padding-left:50px;">‘ +
            ‘<td>产品logo</td>‘ +
            ‘<td>商品</td>‘ +
            ‘<td>规格型号</td>‘ +
            ‘<td>数量</td>‘ +
            ‘<td>小计</td>‘ +
            ‘</tr >‘;

        var itmp = "";

        $.ajax({
            type: "post",
            url: "/Order/GetDetails",
            async: false,
            data: { "oid": e },
            success: function (ret) {
                for (var i = 0; i < ret.length; i++) {
                    itmp += ‘<tr>‘ +
                        ‘<td><img src="/‘ + ret[i].ProductImg + ‘"></td>‘ +
                        ‘<td>‘ + ret[i].ProductName + ‘</td>‘ +
                        ‘<td style="width:80px;">‘ + ret[i].Spec + ‘</td>‘ +
                        ‘<td style="width:80px;" >x‘ + ret[i].Quantity + ‘</td>‘ +
                        ‘<td style="width:80px;" >￥‘ + ret[i].Money + ‘</td>‘ +
                        ‘</tr >‘;
                }
                dom += itmp += ‘</table>‘;
            }
        });

        return dom;
    }