小编Gyr*_*com的帖子

带有ajax调用catch事件的datatables插件内的Bootstrap开关

我正在使用datatables插件,我的bootstrap开关有问题.这是我的javascript代码,我使用从ajax调用中检索的值创建一个开关:

$(document).ready(function() {
    if ( ! $.fn.DataTable.isDataTable( '#usersTable' ) ) {
        userTable = $('#usersTable').DataTable({
            responsive: true,
            //fix problem with responsive table
            "autoWidth": false,
            "ajax": "table",
            "columns": [
                        { "data": "username" },
                        { data: "enabled", render: function ( data, type, row ) {
                            if (data) {
                                return '<input data="username" type="checkbox" name="my-checkbox" checked>';
                            }
                            else {
                                return '<input data="username" type="checkbox" name="my-checkbox">';
                            }
                        }   
                        },
                        { "data": "role.role"},
                        { "data": "clientVersion.name" },
                        {
                            data: null,
                            className: "center",
                            defaultContent: '<button …
Run Code Online (Sandbox Code Playgroud)

javascript jquery datatables twitter-bootstrap bootstrap-switch

1
推荐指数
1
解决办法
4650
查看次数

如何使用 table2excel 将带标题的表格导出到 Excel

我正在使用 table2excel 将由 jQuery DataTables 支持的数据表导出到 Excel。我可以将数据导出到 Excel,但无法导出带有标题的表格。

这是我的代码

$('#btn-export').on('click', function () {
   $('<table>').append(table.$('tr').clone()).table2excel({
      exclude: "",
      name: "EmailTracking",
      filename: "EmailTracking" //do not include extension
   });
});
Run Code Online (Sandbox Code Playgroud)

这是我的 HTML:

<table id="userGrid" class="table table-striped table-bordered dt-responsive nowrap " cellspacing="0" width="100%">
    <thead>
        <tr>
          <th>User</th>
           <th>Subject</th>
           <th>Sent On</th>
           <th>To</th>
           <th>Cc</th>
           <th>Bcc</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

html javascript excel jquery datatables

1
推荐指数
1
解决办法
7188
查看次数

使用 jQuery Datatable 显示分层数据

我从服务器得到的是一个父对象列表,每个父对象由零个或多个子对象组成。有点像下面这样

var data = [{
    "Id" : 1,
    "permissionValue" : 7,
    "child" : { //only one child object for simplicity
      "Id" :2,
      "permissionValue" : 7
    }
  }];
Run Code Online (Sandbox Code Playgroud)

我想将此数据加载到 jQuery 数据表中。实现一个 rowCallback 函数(添加一些 CSS 类),如下所示:

tableOptions.rowCallBack = function(row,data,index){
    var api = this.api();
    api.rows.add(data.child).draw(); //not sure whether draw is necessary
  };
tableOptions.data = data;
that.dataTable = $("#dataTable").DataTable(tableOptions);
Run Code Online (Sandbox Code Playgroud)

不出所料,只有父对象会加载。我明白这不是数据应该如何传递的方式。尽管如此,了解这种分层数据是否可以通过努力来显示仍然是件好事。

javascript jquery jquery-plugins datatables

0
推荐指数
1
解决办法
6990
查看次数

如何使用jQuery DataTables在ajax调用中传递额外的参数?

如何使用jQuery DataTables在ajax调用中传递额外的参数?

这是我的代码

 $(document).ready(function() {
            var dataTable =  $('#student-grid').DataTable( {
                responsive: {
                    details: {
                        renderer: function ( api, rowIdx ) {
                            var data = api.cells( rowIdx, ':hidden' ).eq(0).map( function ( cell ) {
                                var header = $( api.column( cell.column ).header() );
                                return  '<p style="color:#00A">'+header.text()+' : '+api.cell( cell ).data()+'</p>';
                            } ).toArray().join('');

                            return data ?    $('<table/>').append( data ) :    false;
                        }
                    }
                },
                processing: true,
                serverSide: true,
                ajax: "borrowedBookNew.php" // json datasource
            } );

        } );
Run Code Online (Sandbox Code Playgroud)

我想将一个新参数传递给我的php文件并获得一个新结果.

php ajax jquery datatables

0
推荐指数
1
解决办法
1319
查看次数

如何只对某些列进行排序

我使用jQuery DataTables插件来排序表数据.我有四列:姓名,职位,办公室和年龄.我想要的是用户只能对Name和Age列进行排序,而不是所有列.但我无法停止在OTHER列上排序.你能建议一下吗?

javascript sorting jquery datatables

0
推荐指数
1
解决办法
1478
查看次数

使用DataTables替换表体

我是使用DataTables的新手,我一直在努力改变我的DataTable的主体.

我一直在寻找API和搜索论坛,但我找不到任何东西.

API有一个函数body(),用于获取表体.如果有一个设置它的功能,那将是太棒了.

想象一下,我正在通过AJAX获得一个全新的表体,我想要删除旧体并将其放置.

我曾经通过jQuery函数来做这件事,html()但看起来事情在这里有所不同.

javascript ajax jquery datatables

0
推荐指数
1
解决办法
2344
查看次数