小编dav*_*rad的帖子

dataTables导出按钮显示在自定义位置?

我想在自定义div中显示我的dataTable导出按钮.我怎样才能做到这一点 ?

我的当前代码

这是默认代码,按钮在我的表格上单独显示.我怎么编辑这个?

  $(document).ready(function() {
        $('#example').DataTable( {
            dom: 'Bfrtip',
            buttons: [
                'excelHtml5',
                'csvHtml5',

            ]
        } );

} );
Run Code Online (Sandbox Code Playgroud)

我想要显示的地方

            <select id="ex">
                <option>Export </option>
                <option id="csv" >CSV</option>
                <option id="xls" >XLS</option>
            </select>
Run Code Online (Sandbox Code Playgroud)

这里是小提琴 https://jsfiddle.net/qt9p2fwt/3/

jquery export datatables-1.10

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

数据表添加了 Font Awesome 图标而不是列名

我是 DataTables 的新手,我有一个简单的数据表,我正在尝试为它添加一个 Font Awesomefa-info-circle图像而不是一个列标题,方法render如下:

table = $("#datatable-buttons").DataTable({
            data: document.pvm.tableContent(),
            columns: [
            { data: "Info", render: function (data, type, full, meta) { if (type === 'display') return '<span style="font-size:75%" class="fa fa-info-circle"></span>' } },
            { data: "WiFi", title: "WiFi" },
            { data: "GPS", title: "GPS" },
            ],
            fixedHeader: true,
            dom: "lfBrtip",
            buttons: [
              {
                  extend: "copy",
                  className: "btn-sm"
              },
              {
                  extend: "csv",
                  className: "btn-sm",
                  filename: "DeviceMnag"
              },
              {
                  extend: "excel",
                  className: "btn-sm",
                  filename: "DeviceMnag"
              },
              {
                  extend: …
Run Code Online (Sandbox Code Playgroud)

datatables font-awesome

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

如何将javascript变量值传递给php变量?

这是我的JavaScript代码

<script type="text/javascript">
    function MyFunc(lang){
    var ll = lang;              
    //alert(ll);
    }
</script>
Run Code Online (Sandbox Code Playgroud)

我的html代码

<form  method="post" action="mypage.php?>">
   <div>    
    <input type='image' src='/images/flags/us.png' name='US' value='en_EN' onclick='MyFunc(this.value)'/>   
<input type='image' src='/images/flags/it.png' name='IT' value='it_IT' onclick='MyFunc(this.value)'/> 
<input type='image' src='/images/flags/fr.png' name='FR' value='fr_FR' onclick='MyFunc(this.value)'/> 
    </div>
Run Code Online (Sandbox Code Playgroud)

现在如何将javascript var ll值发送到mypage.php

实际上,我希望图像alt值通过它,怎么可能请给点提示。

javascript php jquery

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

从foreach循环中删除最后一个字符

如何从生成的数字列表中删除最后一个管道?

$days = new DatePeriod(new DateTime, new DateInterval('P1D'), 6); 
foreach ($days as $day) { 
    echo strtoupper($day->format('d')+543); 
    echo "|";
}
Run Code Online (Sandbox Code Playgroud)

php foreach datetime

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

jQuery dataTables - 清除列上的搜索

看一下这个例子,http: //www.datatables.net/examples/api/multi_filter_select.html,它使用DataTable API中的columns.search(),你将如何"清除"搜索并再次显示所有结果用户选择"全部"还是空的第一个选项?

filtering datatables jquery-datatables

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

在DataTables中对已过滤的列求和

我试图在DataTables中对过滤列的结果求和.我查看了他们网站上提出的问题,人们使用这种方法取得了成功.

但是,对我来说类似的代码会产生'Uncaught TypeError:undefined不是函数."

data = table._('td:nth-child(10)', {"filter": "applied"});
Run Code Online (Sandbox Code Playgroud)

'table'在哪里:

var table = $('#dataTable').DataTable({
// my initialization data
});
Run Code Online (Sandbox Code Playgroud)

jquery-datatables datatables-1.10

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

jQuery 数据表页面信息

参考: http: //datatables.net/reference/api/page.info()

我正在尝试获取 ajax POST 生成的 jQuery DataTable 的当前分页信息。

使用提供的函数 .page.info(),即使表有多个页面,它也会返回页面和页面的全零。

我的目标是在分页类型“简单”旁边提供分页信息,

[总页数] [<|>] 中的[当前页码] 页。

这是结果输出:

Object {
    end: 0
    length: 10
    page: 0
    pages: 0
    recordsDisplay: 0
    recordsTotal: 0
    start: 0
}
Run Code Online (Sandbox Code Playgroud)

这是 jQuery DataTable 代码:

var oSegmentsDatatable = $('table#segments-datatable').DataTable({
    ajax: {
        type: "POST",
        url: urlSegmentsDatatable,
        data: {'advertiser_id':<?=$advertiser_id?>},
        error: function (jqXHR, textStatus, errorThrown) {

        }
    sDom: 'p<"H"f>t<"F"lr>',
    bProcessing: false,
    bServerSide: true,
    responsive: true,
    bFilter:  true,
    sPaginationType: "simple",
    aaSorting: [[8,'desc']],
    bAutoWidth: false,
    aoColumns : [
        { 'sWidth': …
Run Code Online (Sandbox Code Playgroud)

datatables

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

JavaScript:数据表服务器端处理 - 显示前更改值


为了在表格中显示我的数据,我使用了dataTable插件。由于我有大量数据,我使用服务器端处理。我的问题是,我获得的 JSON 中有一些数据字段,我想在将其显示在表中之前进行更改。

示例:我获取值,无论某些设备是否可用。这在数据库中写为“”、0 或 1,为了显示它,我想将这些值转换为“是”或“否”或“不适用”。

要初始化表,我使用以下代码:

table = $('#table').DataTable({
    "ajax": "myurl",
    "sPaginationType": "full_numbers",
    "sAjaxDataProp":"",
    "deferRender": true,
    columns: [
    {data: 'attributes.0.value'},
    {data:'attributes.1.value'},
    {data:'attributes.2.value'},
    {data:'attributes.3.value'},
    {data:'attributes.4.value'}],
});
Run Code Online (Sandbox Code Playgroud)

直接在数据数组中绑定 conerting 函数是行不通的(比如

{data: convert(attributes.0.value)},
Run Code Online (Sandbox Code Playgroud)

数据表插件有一些参数,我试过了,但我不确定它们是否能解决我的问题。这是插件文档中的一个示例:

 $('#example').dataTable( {
     "ajax": {
         "url": "data.json",
         "data": function ( d ) {
             d.extra_search = $('#extra').val();
         }
      }
 });
Run Code Online (Sandbox Code Playgroud)


我可以使用 data 参数来解决我的问题(当我尝试这个时, d 总是空的)或者在我将它们集成到表中之前还有另一种可能性来更改我的值吗?

javascript ajax jquery datatables

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

导出到 Excel 时排除最后一列

使用jquery导出Excel格式时如何排除数据表的最后一列?我已经尝试过.not("#tableid"),.remove但exclude:"#tableid"不起作用。有什么解决办法吗???下面是我的代码

表代码:

<table class="table table-bordered table-striped tableToExcel" id="tbl_datatable">
  <thead>
    <tr>
      <th>Identifier</th>
      <th>Group Name</th>
      <th>Group Name English</th>
      <th>Fiscal Year</th>
      <th>Date</th>
      <th>District</th>
      <th>District in English</th>
      <th>VDC</th>
      <th>VDC in English</th>
      <th>Ward No</th>
      <th>Program</th>
      <th>Livestock/Crop</th>
      <th id="noExl">Action</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

Jquery代码:

$(document).ready(function() {
    $("#exportExcel").click(function() {
        $(function() {
            $(".tableToExcel").remove("#noExl").table2excel({
                exclude: "#noExl",
                name: "Excel Document Name",
                filename: "Group",
                exclude_img: true,
                exclude_links: true,
                exclude_inputs: false
            });
        });
    });
});
Run Code Online (Sandbox Code Playgroud)

php jquery datatables

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

DataTables图像(或至少图像标题)导出为PDF

使用DataTables和Buttons(不是 TableTools,已退役)扩展.有些单元格有进度条和小图标.有没有办法将这些图像(或至少它们的标题)导出为PDF?在此页面上发现了一些可能的黑客攻击,但所有这些都是针对已退役的TableTools.

检查https://datatables.net/reference/button/pdf和https://datatables.net/reference/api/buttons.exportData%28%29但找不到任何方法来实现这一目标.通过添加此代码进行测试:

stripHtml: false
Run Code Online (Sandbox Code Playgroud)

但整个HTML代码(如img src = ...)包含在PDF文件中而不是图像中.

如果无法导出图像,是否有办法导出每个图像的至少alt或title属性?那就足够了.

pdf datatables-1.10

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