小编d_u*_*own的帖子

使用Google Chrome时启用scrollX或scrollY时,数据表中会出现重复的空标题

我的程序中有一个数据表.我希望它可以水平滚动,所以我做的是这样的:

var tableI = $('#table_data').DataTable({
    "bLengthChange": false,
    "scrollX": true,
     "dom": 'frtp'
});
Run Code Online (Sandbox Code Playgroud)

就像这样(作为示例输出): 在此输入图像描述

它使标题加倍.我该怎么解决这个问题?

编辑:这是另一个样本: 在此输入图像描述

这是我的HTML代码:

<table class="table table-striped" id="act_data" width="100%">  <div style="float:left;width:385px" >
    <button type="button" id="edit_acc" class="btn btn-primary" data-toggle="modal" data-target="#editAcc"><span class=" fa fa-edit "> Edit Account</span></button>
      <button type="button" id="de_act" class="btn btn-primary" data-toggle="modal" data-target="#DeAcc"><span class=" fa fa-edit "> Activate/Deactivate</span></button>
      <!-- <button type="button" id="refresh" class="btn btn-link"  data-target="#DeAcc"><span class="fa fa-refresh"></span></button>-->
      <a href="<?php echo site_url('admin/homeAdmin/homepage')?>?id=6" class="btn btn-link"><span class="fa fa-refresh"></a>
    </div><thead class="header">
      <tr class="well">
        <th style="font-size: 14px;">Employee ID#</th>
        <th style="font-size: 14px;">Username</th>
        <th style="font-size: 14px;">Account …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery jquery-datatables

7
推荐指数
3
解决办法
1万
查看次数

如何破坏数据表的第一次初始化(模态内的DataTable)

我有一个显示表格的模态.我使用datatable插件,以便数据可搜索和排序.它首先正常工作但当我关闭模态并单击其他链接到同一模态时,它会显示错误.我找到了销毁DataTable的解决方案,我destroy()在数据表的初始化之前放了但是然后表中没有显示数据..如果我在初始化后把它放到第二次单击按钮时给了我初始化错误.我怎么解决这个问题?

这是我的代码:

    $.ajax({
      url: "<?php echo site_url('admin/group/getMember')?>",
      type: 'POST',
      data: { 'groupID': id},
      dataType: 'JSON',
      success: function(result){
        $('#records_table tbody').empty();
        // $('#records_table').DataTable({
            // "bLengthChange": false,
            // "paging":false,
        // });
        $('.modal-header #hdrmsg').text(result[0].fname);
        var trHTML='';

         $.each(result, function (i, item) {
            trHTML += '<tr><td>' + item.fname + '</td><td>' + item.mname + '</td><td>' + item.lname + '</td></tr>';
        });
        $('#records_table tbody').append(trHTML);
        $('#records_table').DataTable({
            "bLengthChange": false,
            "paging":false,
        });
        $('#records_table').DataTable().fnDestroy();

      }

  });
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery jquery-datatables

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

如何将datepicker的结束日期设置为20年,无论当前日期是什么?

我有一个bootstrap datepicker.这是为了生日.我只希望将日期从百年提高到当年之前20年的某一年.意思是,如果当年是2015年,那么我希望它在1994年结束.

我的代码在这里:

$("#DOB").datepicker({

                    format: 'yyyy-mm-dd',
                    startDate: '-1000y',
                    endDate: '1994-12-31',
                    autoclose: true,
                    todayHighlight: true
 }); 
Run Code Online (Sandbox Code Playgroud)

这实际上还可以,但如果当前年份是2020年,那么endDate仍然是1994年.

javascript jquery date datepicker twitter-bootstrap

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