那些遇到过的问题

标签: jquery-datatables

使用jquery自动打印

我有以下格式的数据:

(虚拟条目)(id = posGridView)

在此输入图像描述

当我处理销售时,一张小收据会自动打印所选列,而不是所有列.

由于此网格视图中的所有数据都可用,如何使用jquery以任何格式动态打印它？

编辑

实际上我想从上面的网格视图中动态打印这种格式

在此输入图像描述

printing jquery datagridview jquery-datatables

Sha*_*oor
2013 10-03
8
推荐指数
1
解决办法
5万
查看次数

Jquery DataTables插件 - 隐藏列名称行

我正在开发一个Web应用程序,它在不同的视图中显示很少(~5)个不同的数据表.我尝试使用列名隐藏顶行,仅用于其中一个数据表(但保留另一个数据表),但没有成功.我发现的大多数解决方案都使用CSS,这导致该行从我的应用程序中的所有数据表中消失.有人知道一个很好的解决方案吗？

以下是我在应用中创建数据表的示例:

this._currentDiv = $('<div></div>');
this._stopsTable = $('<table></table>');
$(this._currentDiv).append(this._stopsTable);
$(this._currentDiv).append(self._stopsTable);
        $(this._currentDiv).append(data);
        $(this._stopsTable).dataTable({
            "bJQueryUI": true,
            "bPaginate":false,
            "bLengthChange":false,
            "bFilter":false,
            "bSort":false,
            "bInfo":false,
            "bAutoWidth":false,
            "sScrollY": "100px",
            "aoColumns":[
                { "sTitle":"a" },
                { "sTitle":"b" },
                { "sTitle":"c" }
            ]
        });
Run Code Online (Sandbox Code Playgroud)

这是我试过的css代码:

.dataTables_wrapper table thead {
    display:none;
}
Run Code Online (Sandbox Code Playgroud)

我更喜欢JavaScript解决方案.

javascript css jquery jquery-datatables

Asa*_*saf
2013 09-21
8
推荐指数
1
解决办法
6703
查看次数

排序后从Datatables.net获取数据

我正在使用Datatables来显示一些数据.我还有用于向数据添加新行的输入.当我添加这一行时,我重新初始化表,它会根据我给出的排序规则自动对新行进行排序.我的问题是:有没有办法按照当前正在查看的顺序从表中获取数据？每当我尝试时 $('#tableCompetitors').dataTable().fnGetData(),它会按照添加到表中的顺序向我提供数据,而不是按顺序显示的数据.

那么有一种简单的方法可以做我想要的吗？

PS如果有帮助.原始数据源是从文本框提供的数组数组.我解析它,将其推送到一个数组,然后使用该数组作为数据源.

javascript jquery jquery-datatables

Fra*_*k B
2013 09-17
8
推荐指数
2
解决办法
7358
查看次数

数据表 - 水平滚动时,列标题不会移动

我有一个简单的问题例子.我正在使用Datatables 1.9.当数据表位于另一个html表中时,列标题在水平滚动时不会移动.当它不在html表中时,它工作正常.我的例子实际上取自他们在水平滚动的例子,但我添加了外表.任何帮助,将不胜感激.我到处寻找答案.这是代码.谢谢

<head>
<script type="text/javascript" src="<%=request.getContextPath()%>/scripts/jquery.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/scripts/jquery-ui.min.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/scripts/jquery.dataTables.min.js"></script> 

</head>

<form>

<table>
<tr>
<td>

  <div id="demo">
  <table id="example">
  <thead>
  <tr>
  <th>Rendering engine</th>
  <th>Browser</th>
  <th>Platform(s)</th>
  <th>Engine version</th>
  <th>CSS grade</th>
  </tr>
  </thead>
  <tfoot>
  <tr>
  <th>Rendering engine</th>
  <th>Browser</th>
  <th>Platform(s)</th>
  <th>Engine version</th>
  <th>CSS grade</th>
  </tr>
  </tfoot>
  <tbody>
  <tr>
    <td>Trident</td>
    <td>Internet Explorer 4.0</td>
    <td>Win 95+</td>
    <td>4</td>
    <td>X</td>
  </tr>
  <tr>
    <td>Other browsers</td>
    <td>All others</td>
    <td>-</td>
    <td>-</td>
    <td>U</td>
  </tr>
  </tbody>
  </table>
  </div>

</td>
</tr> 
</table>

</form>

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">

$(document).ready(function() {

  $('#example').dataTable( {
  "sScrollX": …
Run Code Online (Sandbox Code Playgroud)

jquery-datatables

fjm*_*awg
2013 11-24
8
推荐指数
2
解决办法
1万
查看次数

JQuery DataTables插件:TypeError:e [j]未定义

我不明白为什么DataTables在FF中抛出此错误:TypeError:e [j]未定义

在IE中它被报告为:无法获取未定义或空引用的属性'aDataSort'

这是代码

HTML

<table id="fp_promotion_history">
<thead>
    <tr>
        <th>AuditID</th>
        <th>Action</th>
        <th>Description</th>
        <th>User Name</th>
        <th>Audit Date</th>
    </tr>
</thead>
<tbody>
    <tmpl_loop name='fp_history'>
        <tr id="AuditID_<tmpl_var name='AuditID'>">
            <td data-AuditID="<tmpl_var name='AuditID'>"><tmpl_var name='AuditID'></td>  
            <td data-Action="<tmpl_var name='Action'>"><tmpl_var name='Action'></td>
            <td data-Audit_Desc="<tmpl_var name='Audit_Desc'>"><tmpl_var name='Audit_Desc'></td>
            <td data-User_Name="<tmpl_var name='User_Name'>"><tmpl_var name='User_Name'></td>               
            <td data-Audit_Date="<tmpl_var name='Audit_Date'>"><tmpl_var name='Audit_Date'></td>
        </tr>
    </tmpl_loop>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

JQuery的

        showDialog({content:data,title:'Financial Promotion Audit Trail History (FPID : ' + $('#fp_promotions_table tr.selected').attr('id') + ')'});                                            

        // turn into a datatable
        $('#fp_promotion_history').dataTable({        
                "sDom": 'R<"H"fr>t<"F"ip>',            
                "bJQueryUI": true,
                "sPaginationType": "full_numbers",
                "iDisplayLength": 25,
                "order": [[ 5, "desc" …
Run Code Online (Sandbox Code Playgroud)

ajax jquery datatables jquery-datatables

1DM*_*DMF
2014 07-04
8
推荐指数
1
解决办法
1万
查看次数

如何在jquery数据表中处理数据库空值

我有一个jquery数据表,数据来自数据库,从java servlet获取.很少列有空值.因为我得到警告像

DataTables警告:table id = lplist - 第9行请求的未知参数'FeeCompany'.有关此错误的更多信息,请参阅http://datatables.net/tn/4

我希望这些空值被空字符串替换.有人请指导如何实现这一点.

我的代码片段如下

    <script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script
    src="http://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>

<script
    src="http://cdn.datatables.net/scroller/1.2.2/js/dataTables.scroller.min.js"></script>
<link
    href="http://cdn.datatables.net/scroller/1.2.2/css/dataTables.scroller.css"
    rel="stylesheet" type="text/css" />

<link href="http://cdn.datatables.net/1.10.4/css/jquery.dataTables.css"
    rel="stylesheet" type="text/css" />
<title>Insert title here</title>
<script type="text/javascript">
            $(document).ready(function () {
                $("#lplist").dataTable({
                    "serverSide": true,
                    "sAjaxSource": "/JQueryDataTablesAll/CompanyGsonObjects",

                    dom: "rtiS",
                    scrollY: 450,
                    scrollX:true,
                    "processing": true,                     
                    "aoColumns": [
                                  { "mData": "InsuredName" },
                                  { "mData": "CustAddress_City" },
                                  { "mData": "CustAddress_State" },
                                  { "mData": "CustAddress_Zip" },
                                  { "mData": "CustSurvey_Location" },
                                  { "mData": "PolicyNo" },
                                  { "mData": "ProfitCenter" },
                                  { "mData": "FeeCompany" …
Run Code Online (Sandbox Code Playgroud)

javascript datatable jquery jquery-datatables

rks*_*rks
2014 12-16
8
推荐指数
2
解决办法
2万
查看次数

使用Linebreaks将值导出到Excel中的单个单元格中.jQuery数据表

我使用jQuery DataTables成功地将HTML表从Web应用程序导出到excel.但是,一个特定列的值包含换行符和制表符.我已经设法通过<br>分别用和(x5)替换新行(\n)和制表符(\ t)来正确地在HTML表格上显示数据.

问题是当导出到excel时我需要让线路中断,但保留一个单元格中的所有值.

这是我的jquery代码:

    $('#papercliptable').dataTable({
    "sDom": 'T<"clear">lfrtip',
    "tableTools": {
        "aButtons": [{
            "sExtends": "xls",
            "sButtonText": "Excel",
            "fnCellRender": function (sValue, iColumn, nTr, iDataIndex) {
                console.log("sValue = " + sValue);
                console.log("iColumn = " + iColumn);
                return sValue.replace(/<br\s*\/?>/ig, "\r\n");
            },
            "sNewLine": "\r\n"
        }, {
            "sExtends": "print",
            "sMessage": "Metrics"
        }]
    }
});
Run Code Online (Sandbox Code Playgroud)

信用:发布

它似乎对我不起作用.所有值都转到单个单元格,但不是新行字符.

任何帮助将不胜感激.谢谢

尝试使用: 

return sValue.replace(/<br\s*\/?>/ig, "\x0B");
Run Code Online (Sandbox Code Playgroud)

产生以下 在此输入图像描述

javascript excel jquery tabletools jquery-datatables

psy*_*cho
2017 05-23
8
推荐指数
1
解决办法
8887
查看次数

使用jquery dataTables TableTools导出所有表数据

我正在使用jquery datatable进行服务器端处理.我的数据表代码如下:

$('#DataGrid').dataTable({
    destroy: true,
    "processing": true,
    searching: false,
    serverSide: true,
    "scrollX": true,
    "bLengthChange": false,
    "iDisplayLength": pageSize,
    "bInfo": true,
    //stateSave: true,
    order: [
        [0, "desc"]
    ],
    "aoColumnDefs": [{
        'bSortable': false,
        'aTargets': [(lastColumn - 1)]
    }],
    "dom": 'T<"clear">lfrtip',
    "tableTools": {
        "aButtons": [
            "copy",
            "csv", "xls", "pdf"
        ],
        "sSwfPath": $("body").attr("data-project-root") + "Content/TableTools-2.2.3/swf/copy_csv_xls_pdf.swf"

    },
    ajax: {
        url: 'StudentProgramListForIdCardResult',
        type: 'POST',
        data: function(d) {
            d.programId = programId;
            d.sessionId = sessionId;
            d.branchId = branchId;
            d.campusId = campusId;
            d.batchName = batchName;
            d.course = course;
            if ($('#paymentStatus').val() …
Run Code Online (Sandbox Code Playgroud)

tabletools jquery-datatables

saj*_*217
2014 12-22
7
推荐指数
1
解决办法
3741
查看次数

DataTable：如何隐藏表头？

我有2个使用DataTable的表：

  • 顶部：完全匹配
  • 下：相关

这就是他们现在的样子。

在此处输入图片说明

如您所见，无需在第二个表上显示表头。我要隐藏它。

我试过在CSS上使用它：

由于类= inventory_related

.inventory_related table thead {

        display:none;

    }
Run Code Online (Sandbox Code Playgroud)

我也试图脱掉整个： 

       <thead class="thin-border-bottom ">

            <th>Catalog # </th>
            <th>Description</th>
            <th>Available Vials</th>

        </thead>
Run Code Online (Sandbox Code Playgroud)

这也不起作用。

有人对我如何隐藏第二张表头有任何建议吗？

谢谢。

html css datatables jquery-datatables

作者
lucky-day
7
推荐指数
3
解决办法
4万
查看次数

数据表不会在页脚上过滤总和金额

我正在使用数据表在我的管理面板上显示一些数据.

但是,当我使用搜索选项过滤结果时,它不会影响页脚总和金额,金额保持不变？任何想法如何解决？

<?php if(isset($data_tables)) { ?>

    jQuery('#<?php echo $data_tables_name ?>').DataTable({
        "filter": "applied",     
        "footerCallback": function ( row, data, start, end, display ) {

        var api = this.api(), data;

        // Remove the formatting to get integer data for summation
        var intVal = function ( i ) {
            return typeof i === 'string' ?
            i.replace(/[\$,]/g, '')*1 :
            typeof i === 'number' ? i : 0;
        };

        // Total over all pages

        if (api.column(2).data().length) {
            total_revenue = api
                .column( 2 )
                .data()
                .reduce( function …
Run Code Online (Sandbox Code Playgroud)

datatables jquery-datatables

Sha*_*hai
2015 06-07
7
推荐指数
1
解决办法
2367
查看次数

标签 统计

jquery-datatables ×10

jquery ×6

javascript ×4

datatables ×3

css ×2

tabletools ×2

ajax ×1

datagridview ×1

datatable ×1

excel ×1

html ×1

printing ×1