Tag: datatable

Datepicker未在下一页Datatable上触发

我只想问一下如何在数据表的下一页触发datetimepicker？ 它在第一页中正常工作，如此屏幕截图所示。 但是当我现在进入下一页时，日历不再被触发： 有人建议重新初始化我添加的内容如下： var table = $(‘#ot_dataTables’).DataTable(); $(‘#ot_dataTables’).on( ‘page.dt’, function () { $(‘#ot_dataTables’).dataTable({ order: [[ 0, “desc” ],[ 2, “desc” ]] }); } ); 但是日历仍未显示。 任何帮助表示赞赏。 非常感谢提前。

jQuery DataTables – 当date也是一个链接时，排序不起作用

我注意到，当日期也是一个链接时，英国日期排序不起作用。 示例1.（ 演示 ） 这里的日期是纯粹的考验。 工作完全没问题。 01/01/01 Tarik Rashad Kidd 1 34 238 6239-0509 示例2.（ 演示 ） 这里的日期也是一个链接。 根本不起作用。 虽然没有丢失任何错误。 01/01/01 Tarik Rashad Kidd 1 34 238 6239-0509 我还注意到，即使它们是链接，排序也适用于任何其他元素。 只有作为链接的日期才是问题。 我正在使用以下JS代码： // UK Date Sorting jQuery.fn.dataTableExt.oSort[‘uk_date-asc’] = function(a,b) { var ukDatea = a.split(‘/’); var ukDateb = b.split(‘/’); var x = (ukDatea[2] + ukDatea[1] + ukDatea[0]) […]

AngularJs与DataTable自定义搜索框

我正在使用AngularJs + DataTable库，我希望创建一个自定义控件，可以从DataTable应用精确的搜索function，但具有自定义UI和控件。 但是， serch()返回0长度结果，该结果不包含任何字符串值，并且draw()未正确调用。 我在github上有一些类似的问题，文章和实现与$scope.dtInstance.DataTable.search(…).draw(); 但结果是，它不起作用，所以下面是我尝试，但同样的结果。 有什么建议吗？ 这是我的HTML实现 Search Search 这是角度控制器 $scope.dtOptions = DTOptionsBuilder.newOptions() .withOption(‘bInfo’, false) .withOption(‘bFilter’, false) .withOption(‘bAutoWidth’, false) .withOption(‘bLengthChange’, false) .withDOM(“”) .withOption(‘order’, [0, ‘desc’]) .withBootstrap(); $scope.dtColumnDefs = [ DTColumnDefBuilder.newColumnDef(0).withTitle(‘Id’).notVisible(), … ]; $scope.dtInstanceCallback = function(dtInstance) { var datatableObj = dtInstance; $scope.tableInstance = datatableObj; } $scope.searchTable = function () { console.log($scope.tableInstance); var query = […]

Jquery Datatable主题隐藏页眉/页脚balk

我试图删除此表的页眉/页脚 我要删除的图片： 该表的Jquery代码： $(document).ready(function() { var oTable = $(‘#tableSmooth’).dataTable({ “bFilter”: false, //Disable search function “bJQueryUI”: true, //Enable smooth theme “sPaginationType”: “full_numbers” //Enable smooth theme }); }); 希望有人可以帮忙！

DataTables：从表filter中创建url查询字符串

当我在表格中搜索或点击filter时，我想从表格中进行url查询以将此url分享给某人。 有人知道这有可能吗？ 这是我的代码 $(“#example”).dataTable({ “aLengthMenu”: [[10, 25, 50, 100, -1], [10, 25, 50, 100, “All”]], “iDisplayLength”: -1, “fnStateSave”: function(oSettings, oData) { localStorage.setItem(‘DataTables_’ + window.location.pathname, JSON.stringify(oData)); }, “fnStateLoad”: function(oSettings) { return JSON.parse(localStorage.getItem(‘DataTables_’ + window.location.pathname)); }, “fnStateSaveCallback”: function(){ } }).columnFilter({ sPlaceHolder: “foot:after”, aoColumns: [ {type: “text”, bSmart: true}, {type: “select”, values: [‘YearEnd’, ‘Quarter’]}, {type: “number-range”}, {type: “number-range”}, […]

如何在Shiny DT数据表中预选行

我正在使用Shiny（0.12.0）和DT（0.0.65）在这个Shiny数据表中进行行选择。 我想预先选择前5行。 我试过了： 使用datatable中的callback JS更改行的类。 但是，这并未反映在input$x1_rows_selected变量中。 由于CSS，只有背景/突出显示更改。 在选项列表或callback中的rowCallback中使用rowCallback .click() 。 这在加载页面时不起作用。 但是，当我通过控制台/浏览器开发工具运行相同的代码时，它可以工作（更新input$x1_rows_selected ）。 callback JS： output$x1 = DT::renderDataTable({ datatable(cars, rows = $(“#x1 tbody tr”); $(rows).slice(0,5).each(function() { $(this).click(); }); ) })

如果流水线操作为假，则蒲公英数据表+ Spring mvc分页将禁用

我试图在我的一个项目中使用数据表。 如果我删除pipelining=”true” pipesize=”3″那么分页就不会出现，如果我这样做，它会以JSON格式获取所有数据。 我在使用蒲公英0.10.0时应该怎么做。 我已经上升到1.1.0，但仍然没有运气。 我发现它没有生成pipelining.js. 在较旧版本的蒲公英中，分页工作没有任何问题。 编辑： 添加 在调度程序中它解决了流水线问题，但现在它失败了 TypeError：$ .fn.dataTable.Api未定义 请提供解决方案，因为项目正在推迟。

使用yadcffilter导出为PDF时标题不正确

当我尝试使用filteryadcf导出到pdf我的数据表时，标题始终显示我的filter中的每个案例，我该如何隐藏它？ 我的javascript是： var vsan = $(‘#vsan’).DataTable( { “lengthMenu”: [ [-1, 10, 40, 50], [“All”, 10, 40, 50] ], “sDom”: ‘fBltif’, “buttons”: [ { extend: ‘print’, exportOptions: { columns: ‘:visible’ } }, { extend: ‘excel’, exportOptions: { columns: ‘:visible’ } }, { extend: ‘pdfHtml5’, exportOptions: { columns: ‘:visible’ } }, { extend: ‘copyHtml5’, exportOptions: { columns: […]

数据表行单击事件不起作用

我使用coldfusion将数据从数据库中提取到dataTable中，当我点击数据表中的一行并触发事件时，我希望这样，以便该行的详细信息可以显示在同一页面上的div中。 下面是我正在使用的代码，但它不起作用，如果有人能给我一个有效的例子，我将不胜感激 我收到以下错误消息： 错误 – 无法读取未定义的属性“_aData” $(document).ready(function() { var table = $(‘#datatable-buttons’).DataTable(); $(‘#datatable-buttons tbody’).on(‘click’, ‘tr’, function () { var data = table.row( this ).data(); // alert( ‘You clicked on ‘+data[0]+’\’s row’ ); alert(“table click”+data[0]); } ); } );

如何通过单击DataTable的同一行上的“编辑”按钮获取Id值

我使用jQuery Datatable列出记录并添加一个Action按钮（Edit）来编辑modal dialog中的记录。 如果我选择一行，我可以获得行id值并在modal dialog中打开相关记录。 但是，如果我直接单击“ Edit按钮，则无法获取相关记录的Id值（在同一行上），因为单击“ Edit按钮时未首先选中该值。 我想要做的是：我想获得我单击编辑按钮的行的Id值。 可能吗？ 如果没有，我可以在单击“ Edit按钮时以编程方式选择hover行吗？ （如果先前的方案是可能的，我会更喜欢它）。 任何的想法？ function openModal() { var table = $(‘#dtbListAccount’).DataTable(); var oRow = $(‘this’).parents(‘tr’)[0]; var oData = table.fnGetData(oRow); //code omitted for brevity };