Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery DataTable模态表格工具按钮不工作_Jquery_Datatables_Bootstrap Modal_Tabletools - Fatal编程技术网

Jquery DataTable模态表格工具按钮不工作

Jquery DataTable模态表格工具按钮不工作,jquery,datatables,bootstrap-modal,tabletools,Jquery,Datatables,Bootstrap Modal,Tabletools,在过去,我成功地创建了显示动态数据的数据表。我还添加了TableTools插件,以便能够将数据导出到CSV、Excel、Copy/Pase等 但是,当我添加一个引导modaldialog框并将表放在里面时,按钮不起作用(打印按钮除外…)。所有web浏览器都是如此 以下是我的问题的缩略部分: HTML代码 任何帮助都将不胜感激 <h3>Modal TableTool Example</h3> <!-- Button to trigger modal --&

在过去,我成功地创建了显示动态数据的数据表。我还添加了TableTools插件,以便能够将数据导出到CSV、Excel、Copy/Pase等

但是,当我添加一个引导modaldialog框并将表放在里面时,按钮不起作用(打印按钮除外…)。所有web浏览器都是如此

以下是我的问题的缩略部分:

HTML代码

任何帮助都将不胜感激

  <h3>Modal TableTool Example</h3>

  <!-- Button to trigger modal -->
  <div>
    <a href="#myModal1" role="button" class="btn" data-toggle="modal">Launch Modal</a>
  </div>

  <!-- Modal -->
  <div id="myModal1" class="modal hide" tabindex="-1" role="dialog">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      <h3>Standard Selectpickers</h3>
    </div>
    <div class="modal-body">

      <table class="table table-striped table-hover table-bordered" id="tblResults">
        <thead>
          <tr>
            <th>ID</th>
            <th>Date</th>
            <th>Event Code</th>
          </tr>
        </thead>
      </table>

    </div>
    <div class="modal-footer">
      <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    </div>
  </div>

</div>

<style>
$(document).ready(function() {

  var dataSet = [
    ["1", "2016/03/01", "Test 1"],
    ["2", "2016/03/02", "Test 2"],
    ["3", "2016/03/03", "Test 3"],
    ["4", "2016/03/04", "Test 4"],
    ["5", "2016/03/05", "Test 1"],
    ["6", "2016/03/06", "Test 2"],
    ["7", "2016/03/07", "Test 3"],
    ["8", "2016/03/08", "Test 4"],
    ["9", "2016/03/09", "Test 1"],
    ["10", "2016/03/10", "Test 2"],
    ["11", "2016/03/11", "Test 3"],
    ["12", "2016/03/12", "Test 4"],
  ];

  var table = $('#tblResults').DataTable({
    data: dataSet,
    columns: [{
      title: "ID"
    }, {
      title: "Date"
    }, {
      title: "Event Code"
    }]
  });

  var tableTools = new $.fn.dataTable.TableTools(table, {
    'sSwfPath': 'http://datatables.net/release-datatables/extras/TableTools/media/swf/copy_csv_xls_pdf.swf',
    'aButtons': ['copy',
      'csv', {
        'sExtends': 'xls',
        sFileName: '*.xls'
      },
      'pdf',
      'print'
    ],
  });

  $(tableTools.fnContainer()).insertBefore('#tblResults_wrapper');

});