如何在dataTables.js库中显示“显示N个条目中的1个”？
在dataTables.js库中显示“显示N个条目中的1个”，可以通过以下步骤实现：
- 首先，确保你已经引入了dataTables.js库，并且在HTML页面中创建了一个表格元素。
- 在JavaScript代码中，使用dataTables的初始化方法来创建一个dataTables实例。例如：
$(document).ready(function() {
$('#myTable').DataTable();
});这里的#myTable是你表格元素的ID，你可以根据实际情况进行修改。
- 接下来，你需要在dataTables的初始化方法中添加一些配置选项，以实现显示“显示N个条目中的1个”的效果。具体配置选项如下：
$(document).ready(function() {
$('#myTable').DataTable({
"language": {
"info": "显示 _START_ 到 _END_ 条，共 _TOTAL_ 条",
"infoEmpty": "显示 0 到 0 条，共 0 条",
"infoFiltered": "(从 _MAX_ 条中筛选)",
"lengthMenu": "显示 _MENU_ 条",
"emptyTable": "没有可用数据",
"zeroRecords": "没有匹配的数据"
}
});
});在上述配置选项中，你可以根据需要修改显示文本的内容。
- 最后，你需要在HTML页面中添加一个用于显示信息的元素，例如：
<div id="myInfo"></div>然后，在JavaScript代码中，使用dataTables的drawCallback回调函数来更新这个元素的内容。具体代码如下：
$(document).ready(function() {
$('#myTable').DataTable({
"language": {
// 配置选项...
},
"drawCallback": function(settings) {
var api = this.api();
var pageInfo = api.page.info();
var info = "显示 " + pageInfo.start + " 到 " + pageInfo.end + " 条，共 " + pageInfo.recordsTotal + " 条";
$('#myInfo').text(info);
}
});
});这样，当你使用dataTables库来显示表格数据时，会在页面上显示类似“显示N个条目中的1个”的信息。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云数据库MySQL、腾讯云对象存储（COS）等。你可以通过腾讯云官方网站获取更多关于这些产品的详细信息和文档。
参考链接：
- dataTables官方文档：https://datatables.net/
- 腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我目前正在做一些更改，需要为动态表格启用垂直滚动条。因此，我需要在现有的表上实现这种垂直滚动条机制。
我们项目中的现有代码使用dataTables.js version 1.5.2和jquery-1.4.3.min.js。
我看到垂直滚动条属性是在新版本的dataTables.js 1.10.19.So中实现的，我的问题是，如果我用1.10.19新版本覆盖旧版本的dataTables.js，我是否应该覆盖任何其他依赖项，如jquery.js等。我试着替换了dataTables.js，但没有得到想要的结果。
有人能在这方面给点建议吗？
浏览 1提问于2018-11-16得票数 0
我希望能够根据在Datatables中完成的搜索发送电子邮件。我使用从mysql数据库和服务器端datatables.js处理创建的json数组来创建表。该表创建了一个过滤列表(显示35个条目中的1到35个条目(从60个条目中筛选出来))，我希望能够向这35个人发送电子邮件。我对ajax和javascript非常陌生，但在php方面有一些经验。这个是可能的吗？
浏览 26提问于2019-02-12得票数 0
我正在尝试将DataTables.js ()与一个使用twitter bootstrap库的应用程序集成。看起来DataTable在twitter bootstrap上并不能很好地工作。我不确定是css还是js有冲突。
如何将DataTables.js与Twitter Bootstrap集成？是否有其他数据表库可以很好地与Twitter Bootstrap配合使用？
浏览 22提问于2011-12-06得票数 18
我尝试使用colReorder.move()从jQuery DataTables插件。我使用构造函数为这个插件配置链接(我只添加了ColReorder扩展)，并在我的asp net核心3项目中使用CDN链接。
@section Scripts {
<script>
$(document).ready(function () {
var table = $('#parcel').DataTable({
language: {
url: "//cdn.datatables.n
浏览 4提问于2020-05-21得票数 0
回答已采纳
我想在我的Laravel + Vue.js项目中创建一个反应性数据表。我使用datatables.js库来显示我的数据。当我调用API从db获取数据时，将返回一个数组，因此我希望在datatable中填充该数组。但这很奇怪吗？
这里的API调用：
methods: {
getUsers() {
axios.get('/api/users')
.then(response => {
if(response.status === 200) {
this.us
浏览 0提问于2018-04-02得票数 2
回答已采纳
如何通过jquery在选择更改上设置表内容--我指的是datatables.js库。如何返回新的JsonResult并用处理程序的结果重绘表的内容？谢谢
浏览 2提问于2020-02-11得票数 0
回答已采纳
我正在尝试使用datatables.js插件和一个数据表，它显示了来自Notes旧视图数据source.What的3个计算字段，我有一个问题是我似乎不能初始化/将我的datatable1传递到插件中？我不确定我是否有用于datatables.js的正确的库。任何洞察力都将受到感谢。提前谢谢。软件
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:this.data>
&l
浏览 0提问于2012-12-20得票数 0
调整以下问题和参考解决方案(gss4a17t)：
我想要禁用datatables.js的排序功能。
我试着把它放在可见的位置：
不幸的是，我在调试过程中收到了一条错误消息：
DataTables警告:表id=example -不能重新初始化DataTable。有关此错误的更多信息，请参见。
我要把它放哪儿
$('#example').dataTable( {
"ordering": false
} );
好让它起作用？
浏览 6提问于2016-11-29得票数 2
我有一条短信说：
Blablabla
Hello
How are you?
但是它必须存储在我的数据库中相同的文本字段中，如下所示：
Blablabla Hello How are you?
我使用的是角，我想知道如何格式化数据库文本，然后在模板中显示它像这样。
<p>{{ value }}</p>
我知道我应该在数据库中添加一个分隔符，但是我不知道是否可以添加一个'\n‘，然后在显示文本之前格式化它。
浏览 2提问于2016-06-15得票数 1
回答已采纳
我们使用SpringFramework4.3.14-在out项目中发布。我们的应用程序的结构如下：
parent \
module-one
module-two
...
module-n
现在，我们正试图在其中一个模块中编写一些集成测试，我们面临的下一个问题是:需要监视Spring数据JPA存储库。在Spring中，我们有@SpyBean和@MockBean注释，但是它们在常规的Spring中是不可用的。我们无法迁移到Spring。
我们尝试将spring-boot-test和spring-boot-test-starter添加到我们的项目中，但
浏览 1提问于2018-10-15得票数 0
我有一个php foreach代码来输出数据库中的所有项目，在表格的形式后，点击一个按钮，发送ajax请求到php foreach code.But，我想使用表中的datatables.js。我调用所需的files.But它不工作。
浏览 1提问于2015-04-15得票数 0
1回答
我用数据，JavaScript中的一个插件来分类，过滤，搜索.一张桌子上的记录。
在一些foruns中搜索，我看到了如果在config/enviroments/production.rb中将这一行设置在下面
config.serve_static_assets = false
为真
config.serve_static_assets = true
工作了真的成功了。
但是我没有这样做，因为另一个JavaScripts可以工作，而且不推荐这样做。
所以，我用另一种方式进行了测试，我复制了datatables.js中的所有内容，并在我的视图中直接剪切。
第一线是datatables.js的第一
浏览 0提问于2014-06-16得票数 0
回答已采纳
2回答
在Eclipse Java EE透视图中，如何将thridparty Jar添加到实用程序项目中？
详细说明:在一个“普通的”Java (而不是Java )项目中，有一些引用的库，您可以在其中放置jars。在动态Web项目中，有Web应用程序库。在Utility Project中，只有似乎不相关的EAR库(嗯，有一些引用的库显示在Java透视图中的Package Explorer中，但不显示在Java EE透视图中的Project Explorer中)。接着，我在Utility Project根目录下添加了一个/lib目录，并在其中放置了一个jar (我忘记了是在Java Package透视图
浏览 0提问于2010-10-20得票数 2
回答已采纳
2回答
我有一个超过100K记录的数据库，我想以批处理的形式获得结果。我使用的是SQL server，fetchsize设置为50。如何确保只检索50条记录，然后再检索下50条记录。
我尝试使用P6SPY调试SQL，结果显示对结果集中n个记录的n个查询。我想检查生成的SQL并确保应用了fetchsize。
请帮帮忙。
浏览 3提问于2012-04-06得票数 1
回答已采纳
3回答
我的Web项目中有一个页面，它显示了从数据库加载的消息，如下所示：
@foreach (var message in Model.Messages)
{
<tr>
<td class="message">
@message.Instance
</td>
浏览 6提问于2017-03-17得票数 2
回答已采纳
我创建了一个简单的Angular库，我希望我的库也能显示一个图像。问题是，如果我将图像包含在我的库的模块文件夹中，然后从模块内部引用它，我会得到404错误。据我所知，在Angular项目中，图像必须放在/assets文件夹中，但我真的需要将此图像包括在我的库中。 我将图像放在模块文件夹中，并从我的模块组件<img src="myImage.png">的.html文件中引用它，但它不工作。
浏览 64提问于2017-10-26得票数 10
回答已采纳
我希望在一个使用Laravel 7的项目中实现一个ACL系统。 使用users表中的用户名进行身份验证(Laravel标准登录)。 登录时，将生成一个JWT令牌并将其保存在用户的会话中。 有一个html页面(特别是每种类型的设备、汽车、摩托车、船各20个)，其中包含一个表，其中包含来自JSON的数据，并通过Datatables.js插入到表中。 此表中有2个操作(编辑、删除记录) 我想只有某些配置文件做编辑，某些配置文件做删除。我想到了以下几点。 根据用户的权限，“编辑”按钮将被禁用(在哪里执行？在构造方法内部的CarsController中？) 然而，停用该按钮并不能阻止恶意用户通过pos
浏览 19提问于2020-08-29得票数 1
1回答
我正在尝试在函数中实现进度条，以便在drake-r项目中使用。我正在使用progress_bar R6类的进度包。下面的示例生成预期的进度条： library(dplyr)
library(purrr)
library(progress)
data <- mtcars %>%
split(.$carb)
n <- length(data)
pb <- progress::progress_bar$new(total = n)
data <- data %>%
map(~{pb$tick()
Sys.sleep(2)
浏览 11提问于2019-12-11得票数 0
回答已采纳
1回答
我目前正在开发一个Angular应用程序，一个硬件商店的POS机系统，它使用AWS Aurora PostgreSQL数据库作为后端，以及一个托管在AWS API Gateway上的Nodejs API。有没有一种方法可以将产品的图像存储到数据库中并使用API检索它们，以便在我的项目中显示它们？
浏览 93提问于2021-01-27得票数 0
回答已采纳
我正在为我的一个项目使用Django 1.3，我需要获取刚刚保存在数据库中的记录的ID。
我有类似下面的代码来在数据库中保存一条记录：
n = MyData.objects.create(record_title=title, record_content=content)
n.save()
刚保存的记录的ID自动递增。有没有办法获得这个ID并在我的代码中的其他地方使用它？
浏览 8提问于2011-06-06得票数 91
回答已采纳
首先，我是Maven+Eclipse世界的一个小新手，所以如果我不能很好地解释我自己，请原谅我。
我试图将Maven实现到现有的Java旧项目中，我试图实现的体系结构类似于这样(为了更好地解释自己，我放了一个图像)：
项目Utils拥有最多的库库，一般用于其他项目，以及一些对其他项目有用的类(如日期比较法和数学方法等.)，该项目在mvn install中运行良好，生成相应的.war文件。
问题如下：
N Web Modules项目必须将项目Utils作为一种简洁性和大多数依赖项。我不知道如何在pom.xml of N Web Modules项目中实现这一点。
我不知道它在Ec
浏览 12提问于2017-11-06得票数 0
3回答
我正在尝试上传一个excel文件，并将其内容存储在Mysql数据库中。
我在保存内容时遇到了问题..喜欢
我的csv文件的格式是
"1","aruna","IEEE
paper"
"2","nisha","JOurnal magazine"
实际上，我有两条记录，我使用的是代码
<?php
$string = file_get_contents( $_FILES["file"]["tmp_name"] );
浏览 3提问于2010-03-16得票数 1
回答已采纳
我用的是反应台。我正在调用API (.NET)上的一个方法，它连接了一些字段，现在我需要在react表列中显示这个连接字段。
在API中，我尝试将/n放在列中，以便它在UI上呈现一条新行(在react表中)。但没有运气。示例:我需要显示
此字段是通过添加两个数字10和20来计算的。由于结果大于15，所以不能执行此操作。
在显示的文本中，我想要的是“既然”应该从react表中的新行开始。
我试着把{'\n'}放在“开始”之前，但它没有起作用。有什么办法可以做到吗？
浏览 0提问于2019-03-17得票数 3
我在Gridview中显示我的表值，在status列的数据库中，我将这些值分别存储为'Y‘和'N’，分别表示'Active‘和’Active‘。但是在Gridview中显示时，我想显示状态为Active和InActive，而不是Y和N。
<asp:Label ID="lblmerstatus" runat="server" Text= '<%# DataBinder.Eval(Container, "DataItem.STATUS") == "Y" ? "Active"
浏览 8提问于2014-07-03得票数 1
回答已采纳
我正在PyQt5中开发一个社区检测GUI程序。在我的程序的一个部分，我想要可视化一个网络(图)，我已经找到了它的社区。当我以非GUI的方式运行程序时，一切正常，图形在浏览器中可视化，但当我再次将代码放入GUI中时，所有操作都正确，程序结束时没有错误，但是浏览器中没有显示图形。我很感激在这个问题上的任何帮助。下面的代码显示了我是如何可视化图形的。coms.communities是我使用CDLIB库发现的社区，nodes_list保存每个节点的标签。我的目标是用相同的颜色对同一社区中的节点进行着色，因此我使用节点的标签来赋予它们相同的颜色。
palette = (sns.c
浏览 1提问于2022-10-04得票数 1
回答已采纳
3回答
在我的项目中，我希望存储最近访问的Id(如CompanyId)，并且基于Id，我需要在aspx webpage.For上显示最近的5条记录，这是我在我的session类中使用的会话变量，如下所示：
public static string RecentAssetList
{
get
{
return HttpContext.Current.Session["RECENT_ASSET_LIST"].ToString();
}
set
{
HttpContext.Current.Session["REC
浏览 4提问于2012-01-05得票数 2
我是MVC的新手。
我的数据库中有两个表，分别叫做' company‘和' Department’，所以一个公司有多个部门。
在我的项目中，我将数据库作为ADO.net实体模型添加到模型中。我创建了主密钥和伪造密钥。因此，当我创建一个新的部门时，我希望在下拉列表中显示公司列表。
我不知道怎么做?
我试着这样做
@Html.DropDownListFor(model => model.tblCompany.PKComID, Model.tblCompany)
但是如果它不工作，我怎么做呢？
浏览 0提问于2013-03-14得票数 1
回答已采纳
我只想问一下在大型java企业应用程序中编写javascript文件的指导原则是什么。基本上，我们现在要做的就是复制JSP的文件夹结构，每个JSP都有一个相应的js文件。如下所示：
war
|- js
|- jquery.js
|- jquery.ui.js
|- datatables.js
|- other-lib.js
|- pages
|- login.js
|- dashboard.js
|- userAdmin.js
我们使用的是，这就是为什么在主装饰器JSP上，所有的库都是在<script
浏览 2提问于2012-08-28得票数 0
1回答
我有报告，有上千份记录。首先，它加载所有的数据，并且需要花费大量的时间来获取数据。
有没有办法将我自己的逻辑应用于分页。
，例如
首先，必须显示10条记录，当我单击“下一步”按钮时，又显示了10条记录，我的意思是，每次操作时，只有10条记录必须从数据库中提取。
浏览 3提问于2013-12-21得票数 2
我正在做一个项目，在这个项目中，另一个开发人员创建了一个具有类似'Business Name'的列名的表。这是两个单词之间的空格。如果我运行一条名为'Business Name‘的SELECT语句，它会显示没有名为'Business’的列。
我该如何解决这个问题？
浏览 0提问于2013-01-07得票数 108
回答已采纳
在使用javascript库dataTables时，如何在dataTable上删除“显示N个条目中的1个条目”这一文本行？我想我是在寻找这样的东西...
$('#example').dataTable({
"showNEntries" : false
});
我很确定这是一个简单的问题，但在文档中似乎找不到它。
浏览 74提问于2013-10-18得票数 112
回答已采纳
如何在Cassandra中实现写大量记录(例如2000000条)的最佳性能？我在我的项目中使用了Scala、Datastax驱动程序和phantom。如何在数据库中高效地插入这些记录？
浏览 2提问于2018-10-23得票数 1
我有两个应用程序，一个是免费的，一个是有更多功能的付费版本。我把共享代码放在一个外部库中，就像android文档中鼓励的那样。
但当我导入库项目时，它只是将所有文件复制到现有项目中，然后我只剩下两个单独的项目需要维护，这使得共享库看起来毫无意义。
我如何单独维护库，其中更改将在两个项目中显示(免费和付费版本)？
浏览 2提问于2015-12-13得票数 0
如何在Ctools模式弹出窗口中添加JavaScript文件？
我在.tpl.php文件中添加了js文件(datatables.js)，但它不起作用？
弹出窗口是否未检测到此文件？
drupal_add_js(drupal_get_path('module', 'my_module') . '/jquery.dataTables.min.js');
浏览 4提问于2014-11-05得票数 2
我目前使用的是ASP.NET MVC。我也在使用datatables.js。因为现在我正在使用服务器端处理，所以我将JSON作为数据返回给datatable。
var jsonResult = Json(dataTableJsData, JsonRequestBehavior.AllowGet);
我的decimal数据类型有两个小数位。假设我有一个c#对象，值为80.00时，当该对象被转换为JSON并传输时，小数位和零将被去掉。这就是为什么datatables.js接收的数据只有80并显示它的原因。
我现在对如何格式化结果感到困惑。我有一种预感，我应该首先在ASP.NET中格式化数据，然后再
浏览 5提问于2018-08-16得票数 0
1回答
我正在做一个项目，在这个项目中，我必须同时绘制水平和垂直误差条。我发现大多数库都只有垂直线条。你知道有什么方法可以画出水平误差条吗？
浏览 0提问于2014-10-11得票数 1
3回答
谁能告诉我在c#中如何在类库项目的.cs文件中显示警告消息？
我正在调用类库项目中cs文件的一个方法。每当控件到达方法内的alert message语句时，都应在网页(Aspx)上显示alert消息，并且不应执行alert message语句的下一条语句。
浏览 1提问于2010-02-25得票数 1
在我正在做的项目中，我们有很多这样的通知条
不是为了生成一条消息，而是使用这种方法。
是HTML部分：
<template>
<div>
<div class="col-md-12">
<div class="alert alert-success alert-dismissible" v-if="registration.isFinished">
<button type="button" data-dismiss="ale
浏览 3提问于2017-10-06得票数 1
回答已采纳
当我尝试在端口80上为我的CherryPy应用程序提供服务时，我收到一条“端口80不可用”的消息。我看到的大多数例子都显示人们在使用其他端口。如果我使用另一个端口，如何在DNS条目中指定为我的CherryPy应用程序提供服务的端口？
我们使用的是Easy DNS，据我所知，无法在DNS条目中指定端口。这是我们的供应商的标准还是限制？
我想要达到这样的效果：
XXX.XXX.XXX.XXX - www.domain.com:9595
提前感谢！
安德鲁
浏览 3提问于2012-09-07得票数 1
回答已采纳
我在lib文件夹中下载的插件()中有一个javascript文件。具体来说，在app/lib/assets/javascripts/datatables/datatables.js中(这是我重命名的文件jquery.dataTables.min.js，因为我认为它可能有问题，因为我试图要求完整的jquery/dataTables.min)。
我的app/assets/javascripts/application.js文件中有以下内容：
//= require jquery
//= require jquery_ujs
//= require jquery_nested_form
//= re
浏览 4提问于2013-06-26得票数 1
回答已采纳
我有一个简单的c#应用程序，它显示来自access数据库的数据
private void DisplayRow(int rowIndex)
{
// Check that we can retrieve the given row
if (myDataTable.Rows.Count == 0)
return; // nothing to display
if (rowIndex >= myDataTable.Rows.Count)
return; // the index i
浏览 1提问于2012-05-08得票数 0
我已经在我的安卓项目中放置了G729库文件，但是该编解码器在图形用户界面中没有显示。
我试着找到G722作为参考，但有太多的文件可供参考。
那么，是否有人可以帮助我获得必须添加代码才能启用G729的确切位置？
任何帮助或建议都将是可贵的。
浏览 0提问于2015-04-17得票数 0
4回答
我在一个角6项目中使用simplebar库()，当我在html标记中添加简单条时，它显示了一个水平滚动条和一个垂直滚动条，所以我只想显示垂直滚动条。
我尝试用这个CSS属性隐藏水平滚动条：
overflow-x: hidden
也有了这些属性：
width:100%" and "position:abolute" or "position:relative"
<div data-simplebar style="overflow-x: hidden">
<div *ngFor="let example
浏览 1提问于2019-06-19得票数 5
回答已采纳
我正在使用datatables.js上的yadcf填充和过滤列，选择例如国家列表。select包含国家的唯一值，例如：
奥地利
法国
意大利
使用
英国
一个记录可以有多个国家的值。例如，记录中可能包含"USA“和"UK”。这些国家在牢房里显示如下：
美国、英国
我希望Country的值显示在单元格内的不同行上，如下所示：
使用
英国
有可能这样做吗？
浏览 0提问于2016-02-05得票数 0
我在数据库中保存了一个长字符串，我想在winForm的文本区中显示它。 但是我没有得到我想要的结果。 代码： insert into table
(
Description
)
'ערך אחד: ' + convert(NVARCHAR, t1.MonthlyReturnAmount) +'\r\n'+
' ערך שני: ' + convert(NVARCHAR, t1.LastPaymentDate) +'\r\n'+
' ערך שלישי: ' + case WHEN t2.IsActive=0 t
浏览 12提问于2019-04-16得票数 0
回答已采纳
1回答
现在，我正在构建用于定义可重用组件的角库。我做了一个名为主布局的组件。我需要在组件中使用ngx-完美滚动条。我知道如何在角项目中添加依赖项。
ng add [package name]
或
npm install [package name]
但我看到一篇文章说，对等依赖是手动添加的。所以我在我正在开发的库的peerDependencies上的package.json中添加了ngx-完美滚动条。
之后，我尝试在项目的根目录中安装npm包。
npm install
然后我注意到node_modules中没有安装ngx完美的滚动条包。
下面是我的角度库项目的完整结构。
浏览 4提问于2020-01-27得票数 8
回答已采纳
2回答
在我的项目中，GWT列表框中显示的值很大(来自数据库)。我该怎么做呢。我可以应用自定义的css吗？
我的代码如下：
ListBox getListBox(boolean dropdown) {
String longText = "AAAAAAAAAAAAAAAAAAAA BBBBBBBBBBBBBBBBBBBB CCCCCCCCCCCCCCCCCCCC";
ListBox widget = new ListBox();
widget.addStyleName("demo-ListBox");
widget.addItem(longText)
浏览 0提问于2013-05-07得票数 0
回答已采纳
我在我的Django项目中的models.py文件中创建了2个表News和Category。我使用first_news = News.objects.first()将第一条新闻放入数据库。如果我想获得任何类别的第一条新闻，我该怎么做？
浏览 16提问于2020-10-17得票数 0
2回答
在我的应用程序中，我正在使用NetworkX库进行一些图形处理。一项任务是调用all_simple_paths()函数NetworkX，给出图中的所有非循环路径(最多可达某个最大值)。(路径长度)。效果很好。
使用图中所有简单路径的列表，现在的任务是从这个列表中找到许多n条路径，其中这n条路径中的每一条都应该尽可能地与所有其他n条路径不同。换句话说:从产生的n个路径中的任何两个路径都应该有尽可能少的公共节点。或者更确切地说:生成的n条路径中的每条路径都应该尽可能地是唯一的。
你们能想到任何(非蛮力)算法来实现这一点吗？
浏览 4提问于2014-02-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
