小编Gyr*_*com的帖子

我在我的应用程序上使用了jquery DataTables插件,到目前为止我对该功能非常满意,尽管我想将数据略微不同地传递给aaData属性.

目前它似乎只接受javascript数组

 [
    ['value','value','value'],
    ...,
    ...,
]

我希望能够使用一个对象而不是数组,因为它会更干净,并帮助我扩展一些过滤我做得更容易.我怎么能传递一个看起来像这样的javascript变量(不通过AJAX加载).

[
   {'id':1,'status':0,'name': 'hello world'},
   ...,
   ...,
]

尝试将sAjaxSource与局部变量一起使用的示例 http://live.datatables.net/utecax/edit#

尝试使用aaData http://live.datatables.net/iyavud/5/edit使用对象数组的示例

我正在读数据文档,但我找不到答案.我的问题是:

我有一个10,000行的表.我按状态搜索,结果是3000行.从3000行,我将显示每页20.

"recordsTotal":这里的值应该是什么？,"recordsFiltered":这里应该有什么价值？

如果recordsTotal值必须是10.000,如果不感兴趣,我可以隐藏这个值吗？

我是数据表的新手 - http://datatables.net/ - .我很难找到一个例子,我可以根据它的位置和内容来改变单元格的背景颜色.

这样的东西对我有用,除了所选行的突出显示现在在已改变背景颜色的单元格中"过度着色".如果我可以在fnRowCallback中获取行的类名,那么我可以处理它.

$(document).ready(function() {

   // Add a click handler to the rows - this could be used as a callback 
   $("#example tbody").click(function(event) {

      $(oTable.fnSettings().aoData).each(function() {
         $(this.nTr).removeClass('row_selected');
      });
      (event.target.parentNode).addClass('row_selected');
   });


   oTable = $('#example').dataTable({

      "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {

         $(nRow).children().each(function(index, td) {

            if (index == 6) {

               if ($(td).html() === "pending") {
                  $(td).css("background-color", "#078DC6");
               } else if ($(td).html() === "rendering") {
                  $(td).css("background-color", "#FFDE00");
               } else if ($(td).html() === "success") {
                  $(td).css("background-color", "#06B33A");
               } else if ($(td).html() === …

我需要在一个数据表中添加一个新行,该数据表应放在表的顶部,我使用了排序插件,但它失败了.

有人可以帮我解决这个问题吗？

我正在使用jQuery DataTables,我的JavaScript代码如下所示:

$(document).ready(function() {
   var tbl = $('#table_tabl').DataTable({
      responsive: true,
      "oLanguage": {
         "sUrl": "<?php  echo RP_LANG ?>fr_FR.txt",
      },
      "processing": true,
      "serverSide": true,
      ajax: "<?php  echo RP_SSP ?>server_processing_reservTables.php", // I want to add a parmeter to it dynamically when a select element is selected 
      "aoColumnDefs": [{
         "aTargets": [3],
         "mData": 3,
         "mRender": function(data, type, full) {
            return '<div style="text-align:center;"><a href="RestaurantReservation/reserverTable/' + data + '" title="R&eacute;server"><span class="mif-lock icon"></span></a></div>';
         }
      }],
      "aLengthMenu": [
         [10, 25, 50, 100, -1],
         [10, 25, 50, 100, "Tout"]
      ] …

我收到这个错误:

未捕获的TypeError:无法读取未定义的属性' fnInit '

jquery.dataTables.js:2872

DataTable.ext.oPagination[ oSettings.sPaginationType ].fnInit( oSettings, nPaginate, 
                function( oSettings ) {
                    _fnCalculateEnd( oSettings );
                    _fnDraw( oSettings );
                }
            );

我认为表格放置正确,问题不在HTML中.

我正在使用jQuery DataTables,并希望在单击标题复选框后复制所有行(保存在JavaScript数组中).

我想找到jQuery DataTables为剩余的行页面存储HTML的位置,因此我可以浏览JavaScript然后在那里检查它或将属性检查设置为true.

像这样的东西.

其他信息:

• 我使用来自ajax source(serverside:false)的数据,返回所有数据.
• 当我单击第1页时,所有行都保持已选中状态.

我正在使用DataTables创建一个能够动态过滤上下文的表.我在这里遵循基本的例子.

但是,我想进行一次自定义:在我的表格中显示字母表结果,每个字母都有一个"标题行".例如:

A
- Apple
- Avocado
B
- Bear
- Button
C
- Car

我已成功完成此操作(Django在服务器端使用模板输出),但默认情况下页脚标签Datatables显示为不正确,因为它计算标题行.在上面的例子中,它显示:

Showing 1 to 8 of 8 entries 

什么时候应该读:

Showing 1 to 5 of 5 entries.

进一步挖掘,通过API访问信息结果"language": {"info": "Showing START to END of TOTAL entries",}.

我能够将标题行计数并保存为var headercount = 3我的Django模板中的变量(例如).

如何修改START,END以及TOTAL在数据表API,以便通过循环时,他们是准确的每一页上？

我是Jquery和Datatables的新手.我想在我的项目中使用Datatables.任何人都可以让我知道从JSP/Java获取数据并在Datatables中使用它.任何链接或示例都会非常有用.谢谢Bharath

我使用jQuery DataTable在表中显示大量数据.我正在Ajax请求上获取数据页面,如下所示:

var pageNo = 1;
$('#propertyTable').dataTable( {
    "processing": true,
    "serverSide": true,
    "ajax": "${contextPath}/admin/getNextPageData/"+pageNo+"/"+10,
    "columns": [
        { "data": "propertyId" },
        { "data": "propertyname" },
        { "data": "propertyType" },
        { "data": "hotProperties" },
        { "data": "address" },
        { "data": "state" },
        { "data": "beds" },
        { "data": "city" },
        { "data": "zipCode" }
    ],
    "fnDrawCallback": function () {
        pageNo = this.fnPagingInfo().iPage+1;
        alert(pageNo); // this alerts correct page
     }
} );

这是弹簧控制器:

@RequestMapping(value="/getNextPageData/{pageNo}/{propertyPerPage}")
public @ResponseBody PropertyDatatableDto getNextPageData(@PathVariable Integer pageNo, @PathVariable Integer propertyPerPage) …