1. IT宝库
  2. 编程技术问答
  3. jquery-datatables
以下是关于 jquery-datatables 的编程技术问答
JQuery Datatable标题下的额外滚动条
我正在使用DataTables(jQuery). 使用代码，我在桌子的页脚上方得到一个水平滚动条>链接: "sScrollX": "100%", "sScrollXInner": "120%", "bScrollCollapse": true, 现在，我还想在标题下方获得另一个滚动条. 帮我. 解决方案 为此，您必须添加另一个带有fixed width like 1000px的container.如果内容overflows 1000px，那么您将能够在scroller中显示scroller 喜欢: CSS .newcontainer{width:1000px;overflow:auto;} html 其他解决方案 将以下代码添加到数据词初始化: "fnInitComp
6 2023-04-13
编程技术问答社区
移除数据库中的搜索过滤器
我已经在数据表中应用了一个按钮，该按钮在单击时，过滤数据表，仅显示单击行. 表初始化是: var oDatatable = $("#tblDataTable").DataTable({ dom: 'rt', columns: [ { data: 'Message' }, { data: 'MessageId' }, { data: null, "defaultContent": "Click"} ], "columnDefs": [ { "visible":
12 2023-04-13
编程技术问答社区
Jquery 数据表格式的数字
我使用最新的DataTableS插件1.10版. 我有3列(0、1、2). 第1和2列包含应该格式化的数字，例如: 1000 -> 1.000 10000 -> 10.000 我搜索了文档，我发现了这些相关功能: https://datatatables.net/reference/reference/reference/option/formatnumber https://datatapables.net/reference.net/reference/reperion/reperion/reperference/option/language.thinys /p> 是否需要自动检测到需要格式化的列? 上述功能的正确用法是什么? 解决方案 如我的评论中所述，您必须做类似的事情 DataTable初始化: "aoColumnDefs": [ { "aTargets": [ 2 ], "mRender": func
2 2023-04-13
编程技术问答社区
如何在jquery DataTable的活动页面上停留？
我在jQuery DataTable上列出了几个数据及其通过DataTable插件默认的分页.我想在处理数据时在处理数据时获取数据的当前页面，并在处理操作并重新加载数据后将该页面设置为Active. 解决方案 请参阅此小提琴.您可以看到如何获取当前页面.在JSFIDDLE中，您可以尝试刷新浏览器.示例说，现在的当前页面是3.当您刷新浏览器时，您仍然在第3页中. 要解决您的问题，想在编辑或删除行时返回最后一页，您必须使用此选项使jQuery DataTable记住最后一页. jQuery DataTable将保存表的状态(其分页位置，订购状态等).状态保存方法使用HTML5 LocalStorage和SessionStorage API进行有效存储数据.请参阅此链接以阅读有关它的更多详细信息. 状态保存 "bStateSave": true jsfiddle链接 小提琴演示 javascript代码 $(document).ready(functi
16 2023-04-13
编程技术问答社区
如何改变数据表中搜索字段的宽度？
我可以更改DataTables中搜索文本字段的宽度吗? 我现在正在编写以下代码，但它不起作用. $('#example').dataTable() .columnFilter({ sPlaceHolder: "head:before", aoColumns: [ { type: "text",width:"10px" }, { type: "date-range" }, { type: "date-range" } ] }); ，如果我的数据表是动态生成的，如下面的gven: $('#example').dataTable({
10 2023-04-13
编程技术问答社区
为jquery datatables ajax调用设置一个错误处理程序
我试图在Ajax呼叫上出现问题时(即服务器未响应)时尝试使用一个自定义错误处理程序，以将新数据加载到我的数据表中. $table.DataTable().ajax.url(ajaxURL).load(); 默认情况下它显示一个警报，我可以将其更改为以下面的设置投掷JavaScript错误: $.fn.dataTable.ext.errMode = 'throw'; 但是，这样，我只是记录了一个错误，我不确定如何捕获该错误的错误，因此我仍然无法提供自己的错误处理程序. 文档中也列出了一个错误事件，但似乎没有触发，因此以下从未提醒. $table.on( 'error', function () { alert( 'error' );} ); 到目前为止我发现的其他所有内容都是用于旧版代码，例如设置FNServerData，我想避免进入. 是否有一种方法可以在1.10 API中设置AJAX错误回调? 解决方案 在DataTables v1.1
10 2023-04-13
编程技术问答社区
Jquery Datatables列的渲染和排序
我正在使用一个数据表，该数据包含格式YYYY-MM-DD HH:MM:SS的MySQL时间戳的列.我的表设置为最初按本列进行排序. DataTableS正确自动检测时间戳格式并适当地分类. 我现在正在尝试更改此列的外观以使其更加用户友好，但不会对其进行分类.因此，我正在使用这样的columns.render功能: { "data":"created_at", "name":"date", "visible":true, "title":"Date Created", "render": function(data, type, full, meta){ var date = new Date(data); var options = {year: "numeric", month: "long", day: "numeric"};
0 2023-04-13
编程技术问答社区
使用jQuery dataTables 1.10.0，Selenium通过Capybara无法加载页面
我今天通过 https:////////////////////////-p> 我今天将数据升级从jQuery 1.9.2升级为1.10.0 github.com/rweng/jquery-datatables-rails 宝石.我执行了所有升级步骤，并且现在在界面中按预期进行了所有升级.我在Chrome和Firefox 30上测试了这一点.然后，我去运行了覆盖这些规格，而Capybara随时使用DataTables时，Capybara会保持正时.我已经尝试了我能想到的一切，以尝试使页面充分加载.我看到通过测试日志没有出现错误，在浏览器测试时没有JavaScript错误.屏幕截图返回，因为表仍在加载. 我该怎么做才能进一步调试为什么页面不加载? 有一个常见的修复，因为它在从jQuery 1.9.2升级到1.10.0 后才发生. 我确切地弄清了导致问题的原因.我更新了我的JavaScript初始化，以使DataTable停止使用FNServerData，并使用新的Ajax
编程技术问答社区
如何使用JQuery DataTables正确地从网络方法重新加载数据？
我正在使用jquery datatables 插件与我的桌子一起使用，最近我切换到服务器端分页和过滤.特别是，我有一个返回数据以填充客户表的Web方法: [WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public string GetCustomers(string jsonAOData, int mode) { // ... } ，在我的页面中，我使用此代码通过AJAX调用来检索数据. var grid = $('#grid').dataTable({ bJQueryUI: true, bLengthChange: false, iDisplayLength: listItemsPerPage, bDestroy: true, "bProcessing"
8 2023-02-21
编程技术问答社区
使用fnServerParams和aoData为jquery DataTable向服务器发送数据，在MVC4中不工作。
我想为我的jQuery DataTable发送额外的数据(ASP.NET MVC4).有很多有关如何到达客户端的示例，但我无法在服务器上使用它. 这是代码: javascript: $(document).ready(function () { var oTable = $('#myDataTable').dataTable({ "bServerSide": true, "sAjaxSource": "SearchPatient/DataHandler", "fnServerParams": function (aoData) { alert('in fnServerParams'); aoData.push( { "name": "more_data", "value": "my_value" } ); } });
16 2023-02-13
编程技术问答社区
在jquery datatables中渲染大型服务器端数据集
我正在使用DataTables 1.9.4少量插件(Colvis，ColreorderWithResize和ColumnFiltering).我用于服务器端通信的参数是: " bserverside" " fnserverdata" " sajaxsource" 现在，假设我必须以大约25列显示3000行没有分页(" idisplaylength":-1).包含数据权重约1MB的JSON，服务器将其发送到DataTables所需的第二次. 问题是渲染这3000行需要几秒钟(大约5-10，这是不可接受的).在IE上，它可能需要更多，导致"脚本不响应"错误. 我希望我可以以某种方式加快此过程 - 即通过显示100行并在后台渲染其余的过程.有没有更好的办法?我知道有一个滚动插件 - scloller ，但是我需要所有可供搜索的数据没有选项. 解决方案 不幸的是，数据集并非用于大型数据集.它的解决方法是使用服务器端处理.这意味着您需要根据页面索引实现要返回的数
6 2023-02-12
编程技术问答社区
简单的javascript函数似乎在分页后在jQuery数据表上中断
我有一个有趣的问题，希望有一个简单的解决方案.我正在使用jQuery DataTables插件(DataTables.net)，并且分页设置为完整数字.在我的行中，我有一个删除按钮，当单击时执行jQuery函数.该函数仅调用外部源来处理数据库中的删除，然后使用.remove()从UI中删除行. 这是完美无缺的，直到我使用分页为止.如果我有10个以上的记录，然后单击下一页，它将不再起作用.这是一些代码: jQuery('.deleterecord').click(function(){ var conf = confirm('Continue delete?'); if(conf) jQuery(this).parents('tr').fadeOut(function(){ jQuery(this).remove(); jQuery.jGrowl("Record has been r
4 2023-02-12
编程技术问答社区
未发现的类型错误。对象[object]没有方法'fnStandingRedraw'。
我有一个数量很少的数据表，我想在表中添加新行: var oTable = $('#StudentsTable').dataTable(); Table2.fnStandingRedraw(); 当我启动数据表时，我会添加: "bProcessing": true, "bServerSide": true, "bDestroy": true, "fnFilter": true, 'bLengthChange': true, 'bPaginate': true, 'bStandingRedraw': true, Ajax提交后，我想重新拨打表: submitHandler: function(form) { var $modal = $('#ajax-modal');
10 2023-02-12
编程技术问答社区
如何使用ajax和jquery动态改变Datatables的多列标题而不刷新网页？
我试图根据AJAX的返回值更改列号和标题，而使用DataTables jQuery插件更新表数据.下面的JavaScript和jQuery代码: $( document ).ready(function() { $.ajax({ type:'POST', url: 'readtitle.php', //this php contains the column header success:function(re){ setTitle(re); // this function is used to set column header } }); var oTable = $('#table_id').dataTable({ "bPaginate": false, "bProcessing": true, "
6 2023-02-12
编程技术问答社区
jQuery DataTables-仅对数字进行排序
使用1.10.1和新的数据列HTML5属性我想忽略从排序顺序的某些单元. 我的列与数字和文本值混合.示例: 100.50 USD Text 50.00 USD 在此列上排序时，我希望忽略文本单元格.因此，下降订单为100,50，文字.上升订单为50,100，文字. 我可以只使用数据属性属性来完成此操作，还是有其他方法? 解决方案 我恐怕单独使用data-sort或data-order无法完成. DataTables无论如何都会尝试对上升/下降进行排序，而您真正需要的是纯文本字段的两个不同的排序值，使其成为最高值或最低值. 但是，以为您可能可以使用自定义分类插件为此?请参阅以下插件，该插件从列中提取任何数字，或者如果不存在一个数字，将排序值设置为Nu
0 2023-02-12
编程技术问答社区
Jquery 数据表排序和过滤记录
使用jQuery DataTable，我设法在每列的顶部创建了具有唯一过滤值的下拉订单.但是问题是，当我单击下拉分类时，也会激活.我只想在用户单击"排序箭头图标"时对记录进行排序. 在用户单击下拉列表时，是否有任何方法可以取消排序事件，但是请继续启用它，以便用户可以单击对图标进行排序以对数据进行排序?以下是指向数据表的链接live http://live.datatables.net/ribezoho/1/edit 请让我知道 这是我的代码 $(document).ready(function() { $('#example').DataTable( { initComplete: function () { var api = this.api(); api.columns().indexes().flatten().each( function ( i ) { var column = api.colum
4 2023-02-12
编程技术问答社区
热门专题
shell .tmp 结尾坑 EF. 如果数据库不存在 则创建一个数据库 django 每条记录加一个超链接 鸿蒙 ability 传递对象 openldap安装windows spring boot FLV分段播放 如何防范mac泛洪攻击窃取密码 vba 单元格区域 锁定 c语言定义变量是的冒号表示什么 减号文件在服务器中怎么读 ruby select 过滤 list实体对象 判断重复 c#的ptr怎么读数据 撖寡情頧氟reeMap debian安装lua环境 ManyToManyField 双向查询 mysql迁移之巨大数据量快速迁移方案-增量备份及恢复 Obfuscar官方文档 html使用vuejs ionic4 web服务器 Android