如何在Datatables中的特定列下添加新行？
在Datatables中的特定列下添加新行，可以通过以下步骤实现：
- 首先，确保你已经引入了Datatables库，并创建了一个Datatables表格。
- 确定要在哪一列下添加新行。假设我们要在第二列下添加新行。
- 使用Datatables提供的API方法，如
row.add()来添加新行。在这个方法中，你可以传入一个包含新行数据的数组或对象。 - 例如，如果你的表格是通过HTML表格元素创建的，你可以使用以下代码添加新行：
- 例如，如果你的表格是通过HTML表格元素创建的，你可以使用以下代码添加新行：
- 如果你的表格是通过Ajax请求数据的，你可以使用以下代码添加新行：
- 如果你的表格是通过Ajax请求数据的，你可以使用以下代码添加新行：
- 这样就会在第二列下添加一行新数据。
- 最后，调用
draw()方法来重新绘制表格，以显示新添加的行。 - 最后，调用
draw()方法来重新绘制表格，以显示新添加的行。 - 这样就完成了在Datatables中特定列下添加新行的操作。
在这个过程中，如果你想要更多的功能和定制化选项，可以参考Datatables官方文档和示例代码。腾讯云没有提供与Datatables直接相关的产品，但你可以使用腾讯云的云服务器（CVM）来部署和运行你的应用程序。
相关·内容
1回答
我想要创建一个表，其中显示行和列和两个
页脚回调封面，显示正在运行的列和
但是，我希望在下面有一个页脚行，用于总结列和，最后一个列显示行和，它应该与行和过滤一起工作。
谁能告诉我如何用JQuery DataTables来做这件事吗？
浏览 6提问于2022-02-22得票数 1
我有两个DataTables，DT1和DT2，假设每个表只有一行。
如何将这两个数据表连接到一个表DT3中
例如：DT1有2列FirstN，LastN
DT2有2列salary、currency
因此，DT3将具有FirstN、LastN、salary、currency
浏览 1提问于2010-12-15得票数 0
1回答
逐列合并DataTable
、、、、
我想按列合并两个或多个DataTables Colum。我正在开发C# Windows应用程序。我的用例如下：
我的应用程序中有空的数据网格。
用户将从可用列列表框中拖放一列到数据网格中。数据网格将开始显示该列的数据。
现在，我将把另一列拖到数据网格中，现在网格应该得到两列的填充数据。
这将重复，直到用户觉得他已经删除了所有必要的列。
做这件事最好的方法是什么？是否有大量行(通常为100万行)的性能命中？
请帮帮忙。
谢谢你，欧姆基
浏览 2提问于2011-01-29得票数 0
我希望在jQuery DataTables表的选定列中的值后面添加数据栏，就像Excel中的一样。
展示了如何使用jqGrid实现这类事情的解决方案。如何在DataTables中实现类似的效果？
浏览 6提问于2012-06-22得票数 2
回答已采纳
我试图通过转到特定的表行ID来更改Jquery DataTable中第5列的表数据，默认情况下，我的所有表行都有一个row<id number> id。例如：
<tr id="row147">
<td>147</td>
...
为了尝试更改特定的表数据单元格，我尝试了如下所示
table.row("#row" + data.job_id).data(variable).draw()
但是，这会在每个表数据单元格中跨整个行写入数据。如何指定行中的表数据单元格，并让它与DataTables API一起写入？
浏览 4提问于2017-02-02得票数 2
回答已采纳
我有一个包含父行和子行的表。可以使用bootstraps默认折叠机制来折叠子行。可以使用datatables对所有行进行重新排序。现在，如果我拖放一个父行，它的子行当然不会移动。我怎样才能实现这个行为呢？
这是我当前拥有的，使用salary列开始拖动行：
$(document).ready(function() {
var table = $('#example').DataTable({
"columnDefs": [{
targets: 0,
visible: false
}],
rowReorder
浏览 0提问于2016-11-18得票数 0
我希望datatable显示具有第一优先级的第二列、具有第二优先级的第五列和具有第三优先级的第一列。为了实现这一点，我集成了这个CSS链接：
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.dataTables.min.css">
并在HTML部分中添加了以下内容：
<th data-priority="1">
但是datatable不会隐藏任何列，
浏览 26提问于2019-11-29得票数 1
回答已采纳
2回答
我正在使用Datatables jquery插件，并有一个带有固定列的表：
new $.fn.dataTable.FixedColumns(oTable);
现在，固定列似乎是真实列的克隆，克隆显示在表上，使其看起来是固定的。
对于这个克隆的列，如何将特定的类添加到每个行中？
此表被分页，并使用每个页的服务器端数据。
浏览 2提问于2014-08-07得票数 2
回答已采纳
1回答
最近我刚刚开始学习WPF。虽然我的大部分开发经验都来自于Win表单，但我还是相当顺利地过渡到了WPF。
OVERVIEW
我正在写一个程序，它比较两个单独的dataTables中的信息，并反映在dataGrid中所做的更改。
dataTables表示“旧信息”和“新信息”列表。在比较完dataTables之后，我希望根据“新信息表”中是否发生了更改来突出显示特定的单元格。
例如，如果dataGrid ()中的第一个单元格包含“旧信息”dataTable中的“3”，而“新信息”dataTable中的同一个单元格()包含“5”。我希望
浏览 1提问于2014-09-03得票数 1
的例子显示
$model = App\User::query();
return DataTables::eloquent($model)
->addColumn('intro', function(User $user) {
return 'Hi ' . $user->name . '!';
})
->toJson();
我不知道谁是使用者？它像$User一样的用户吗？用户是每一行吗？
所以我试着
$search_alls=
DB::table('a16')
浏览 0提问于2018-04-23得票数 0
在查看网页时，我在控制台中看到两个错误。正在使用Datatables，我非常确定(正如错误所述)这个问题与Datatables有关。这里的问题是，我没有写这段代码，我现在只是试图修复代码中的问题。奇怪的是，这部分代码之前应该已经工作了，因为我可以明显地看到它在实时版本上工作。我认为的错误是正确的吗？如果是这样的话，当代码不是我写的，并且代码和数据都很多的时候，最好的调试方法是什么？ DataTables警告:意外数量的TD元素。预计是2040年，得到的是1981年。DataTables表体不支持row each / colspan，每个行/列组合必须有一个单元格jquery.dataTabl
浏览 112提问于2013-06-04得票数 2
回答已采纳
如何在使用DataTables从TableTools导出时排除某些列和行。
| id | data | date | Status |
|----|-----------|----------------|--------|
| 1 | some data | october 2014 | ok |
| 2 | some data | september 2014 | |
我想隐藏status列和没有状态为"ok“的行。如有任何解决此问题的建议，将不胜感激。
浏览 2提问于2014-12-04得票数 1
我在我的bootstrap管理面板中使用数据表。现在我想自定义它，但是找不到它的文件和代码。
<div class="row-fluid">
<div class="span6">
<div id="DataTables_Table_0_length" class="dataTables_length">
<label>
<select name="DataTables_Table_0_length" size="
浏览 0提问于2014-05-05得票数 0
在DataTables，有搜索窗格设施。我想在页面上找到它。应从在url中传递的参数中选择筛选器。
我的代码将从url中提取用于筛选器的行的值，它将选择在URL中传递的所有行，但它只是对行的选择(我的意思是它只突出显示该行，在实际筛选中没有应用，表的数据保持原样)。
我选择行的代码如下所示：
if(str1 == str2) {
$(this).addClass("selected");
if(!$("#DataTables_Table_"+id+"_wrapper").hasClass('dtsp-selected'
浏览 4提问于2021-02-19得票数 0
1回答
我正在使用java向表中添加行。目前，我可以使用以下代码将行添加到表中，但在列表的末尾：
List list = (List) session.getAttribute("list");
DetailsMod mod = new DetailsMod();
list.add(mod);
如果我将最后一行更改为：
list.add(0, mod);
它只会将第一列添加到表的顶部，而其余列则保留在表的底部。
html看起来像这样：
<%
List resultList = (List) session.getAttribute("list");
Detail
浏览 2提问于2013-07-22得票数 0
回答已采纳
我正在使用jQuery DataTables和DataTables Codeigniter库来生成数据。这个库是DataTables提供的php脚本的一个端口。
该脚本只允许我确定几个选项。
function datatables()
{
$table = "purchase_orders";
$columns = array("purchase_order_id", "sequence_id", "order_number", "aid");
$index = "purchase_
浏览 1提问于2011-02-12得票数 2
回答已采纳
1回答
我创建了一个html页面，其中包含5列。最后一个包含一个按钮。(每一行的最后一列都有一个按钮)。
我使用的是datatables插件：
var oTable = $(".datatable-fn").dataTable({
sPaginationType: "full_numbers"
});
现在，我需要向表中添加新行。我知道现有的函数可以做到这一点，但我不知道如何在行的最后一个单元格中添加按钮。
浏览 0提问于2013-07-12得票数 1
回答已采纳
我使用的是Datatables 1.10.7。我有一个用Datatables初始化的表，如下所示：
var user_table = $("#user_table").DataTable({
"bInfo":false,
"bLengthChange":false
});
我已经编写了代码，当有人单击表中的行时触发一系列事件，如下所示：
$("#user_table tbody").on('click', 'tr', function () {
// Series of ac
浏览 2提问于2015-07-10得票数 0
我使用Cucumber diff来比较Java中的DataTables。如果发现不匹配，它将抛出TableDiffException。
例如：
dataTable1.unorderedDiff(dataTable2)
我只想知道，一旦抛出异常，是否有办法只打印不匹配的列，因为在日志记录之后手动比较两个数据日期是非常困难的，因为datatable的大小非常大(10行20列)。
浏览 0提问于2015-04-18得票数 1
我收到一条错误消息，没有为“get /users”找到路由：
级别: Error，Channel: request，Message: Uncaught PHP异常Symfony\Component\HttpKernel\Exception\NotFoundHttpException：“/Users/work/project/vendor/symfony/http-kernel/EventListener/RouterListener.php第139行没有找到"GET /users”路由“
但实际上我为“用户”设置了一条路线，所以我不知道如何解决这个问题：
<?php
n
浏览 0提问于2018-07-09得票数 0
回答已采纳
我想知道如何在datatable中的特定行之后添加行。为此，我使用了jQuery datatables插件。
我可以传递表行索引。我需要将行插入到javascript函数中，如下所示：
function addNewContact(rCount){ .. }
我的HTML代码是：
table id="exampleTbl"
tr
td..../td (data of first column)
td..../td (data of second column)
...
td
input type="button" id="addNewContact&
浏览 0提问于2010-07-28得票数 3
回答已采纳
我目前正在将我的数据表从CodeIgniter (datatables v1.10.12和RowReorder v1.1.2)重写到Larave6 (datatables v1.10.20和RowReorder v1.2.6)。在'row-reorder‘事件中，我需要收集有关更改的数据。因此，我使用这个脚本。 $('#category-table').on('row-reorder.dt', function (dragEvent, data, nodes) {
var newSequences = [];
$.each(data,
浏览 18提问于2020-04-03得票数 0
回答已采纳
我正在努力学习如何循环遍历jQuery dataTable中的行，但做得不是很好。
我的表id是"partslist“。所以：
$("#partslist tr").each(function() {
$($(this) + " td").each(function() {
alert($(this).text());
})
})
您可以看到：
$($(this) +“td").each ...
是一个巨大的失败。我想循环遍历每一行中的列。有趣的是，在dataTables网站
浏览 4提问于2011-11-27得票数 2
回答已采纳
我已经创建了一个具有特定类属性的表，其中的背景颜色取决于类属性。我使用静态内联css来定义背景颜色。
我构造这个表，然后使用dataTables为我提供搜索/排序功能。一切看起来都很好。然后，当我单击其中一个列排序箭头(dataTables中的本地排序功能)时，排序可以正常工作，但所有背景颜色都会消失。
dataTables是否将修改类属性作为sort的副产品？
浏览 2提问于2013-02-08得票数 1
回答已采纳
我在和数据设备一起工作。
Datatable允许您在插件中包含一个搜索框，但是在您的许多帖子的帮助下，我能够对每一列进行一列搜索(我知道有一个Datatable插件，因为我无法使它为我工作)。
在此之后，我尝试实现代码以获得在表中高亮显示的搜索结果(同样使用Datatable突出显示插件)。我能够做到这一点，但我想为我创建的每个搜索框添加另一个突出显示插件。
我还能够处理这个元(使用jquery.jmHighlight.min.js代码)，但我发现了两个不同的问题：
我无法将高亮显示限制为一列。
我无法避免突出显示消失，点击下一个搜索框。
下面是我使用的代码的一部分：
<
浏览 3提问于2016-01-09得票数 0
回答已采纳
1回答
我希望使用ColVis插件与DataTable在闪闪发光。
该插件为用户提供了一个漂亮的按钮/下拉选择菜单，以控制列的可见性。
在我最近的一次尝试中，我有：
将dataTables.colVis.js添加到我的应用程序的www.w目录中
试用includeScript("www/dataTables.colVis.js")
还尝试了tags$head(tags$script(src="dataTables.colVis.js"))作为MainPanel参数
在R或Chrome控制台中没有看到错误
但是，没有按钮提供对列选择的访问。
浏览 1提问于2014-07-07得票数 4
1回答
表拖放重新排序和列排序
、、、
我目前正在使用Html插件来增强我正在使用的一个网站上的。
我需要能够使用拖放来重新排序行，以及能够按升序或降序排序数据表中的列。
然而，这似乎表明您只能使用拖放或可排序列，而不能使用DataTables jQuery插件同时使用这两个列。
有人知道解决这个问题的办法吗？或者甚至是另一个更适合我需求的JQuery插件或技术？
我是jQuery和JS的新手，所以任何方向都会非常感谢
浏览 1提问于2012-06-17得票数 1
总之，我有一个将DataTables导出到.xls和.xlsx文件类型的实用工具。当我到达DataTable上的列或行限制(从Server中提取)时，我希望将DataTable拆分为子列，每个子列都有限制(对于.xls 256列和65,536行，.xlsx 16,384列和1,048,576行)。
到目前为止，我已经编写了以下方法来完成我想做的事情
public static List<DataTable> SplitDataTable(DataTable mother, int nColLimit)
{
List<int[]> rangeList = new
浏览 3提问于2012-05-23得票数 1
回答已采纳
我需要写一个查询，从安卓的SQLite中删除特定行的特定列。我想以"db.delete (String table，String whereClause，String[] whereArgs)“的形式使用它。
我的应用程序每行包含4列。我只需要删除特定行中的2列。我该怎么做呢？
浏览 0提问于2011-01-27得票数 0
回答已采纳
5回答
将Jquery Datatables与输入和选择一起使用，如下所示：，或者如果我使用定制的列呈现处理程序来生成输入和选择，我如何才能使全局表搜索工作？
如果您查看该示例，您会注意到搜索中只包括第一列，即只读一列，那么如何才能将其他列包括在搜索中？
如果您查看我的问题中的链接中的示例，并在搜索中键入"Tokyo“，则会返回所有行。这是因为“东京”是所有下拉菜单中的一个选项。我希望只显示选中了东京的行。如果您键入"33“，即使第一行在第一列中的值为"33”，也看不到任何行。
我似乎找不到任何关于如何定义datatable中特定单元格的搜索值的文档。
浏览 0提问于2015-01-09得票数 16
我有一个带有(f示例) DataSet的2 DataTables。我的c#应用程序将数据填充到当前DataSet的DataTables中。另外，我有一个DataBase in PostgreSQL，具有相同的--两个表--和相同的列。如何将(ON CONFLICT DO NOTHIG)完全DataSet插入到我的DataBase中？
我知道用从DataTable插入每一行到Postgresql的复杂方法，但是也许有一些可爱、简单和快速的方法将整个DataSet插入到DataBase？
另外，如何将不为空的DataBase读入具有相同表和表行的空DataSet？
谢谢你的回答！
浏览 4提问于2017-09-27得票数 0
回答已采纳
我有一个最初填充的服务器端的datatable。用户可以通过在模式弹出中添加行数据来与datatable交互。我最近添加了数据属性data-order=''，以便更好地处理日期排序。现在，我们对fnAddData的调用因以下任何一个错误而终止：
DataTables警告:表id=dtTable -为第3行第0列请求未知参数“对象对象”。有关此错误的更多信息，请参见。
或
DataTables警告:表id=dtTable -为第6行第1列请求未知参数'1‘。有关此错误的详细信息，请参阅。
简单示例：
我查看了datatables.net上的支持文档，但是它
浏览 1提问于2017-10-17得票数 2
回答已采纳
我以为这个应该很简单，但是我找不到不是关于ajax加载的数据或数组中提供的数据的引用。我在一个已有的超文本标记语言表格上使用DataTables，其基本代码如下：
$('table.wizard').dataTable({
lengthChange: false,
iDisplayLength: 100,
order: [[9, 'desc']]
});
我正在动态地向表中添加行，因为数据记录如下所示：
var $body = $('table.wizard tbody');
$tr =
浏览 0提问于2015-02-14得票数 4
回答已采纳
我使用Angular应用程序和DataTables。在我的一个组件中，我有一个DataTable，它使用options对象的"ajax“属性从外部API中提取数据。 export class ChartsDetailsComponent implements OnInit {
ngOnInit(): void {
var opts: any = {
ajax :{
url: this.appConfigService.analyseConfig.chartsApiUrl + "/api/Charts/GetChartDetails?
浏览 34提问于2020-08-19得票数 0
回答已采纳
我在angular 6中使用angular-datatables@6.0.0()。
我想将moment插件添加到数据表中。我找不到任何关于这方面的文档。
对于angular-datatables@6.0.0中的列，是否有像render in datatable.net这样的函数
浏览 0提问于2018-09-21得票数 0
2回答
我有一个名为Datatables的插件管理的表。一些行是相同的，我想隐藏它，只有一行除外，并将我们找到数字的列(D)的总和。请看我的照片，以便更好地理解。
浏览 0提问于2016-11-02得票数 0
我有一个从服务器端PHP脚本加载数据的表，该脚本以JSON的形式返回该表，以便jQuery dataTables呈现。然后，我使用jQuery tableDnD插件来允许对表进行拖放重新排序，这要求表的行包含与数据库(即<tr id="1"> )中的表行匹配的id。
我想知道如何使用dataTables实现这一点，因为它不允许我指定这一点。
我现在的想法是在数据上使用回调，或者重写tableDnD来读取索引列中的id值，有人有什么想法吗？
浏览 4提问于2010-12-08得票数 2
我试图用3列(ID、Name、Date)显示我的DataTables表，第一列(ID)中的值显示为URL：
按@和andrewjames注释中的请求编辑：
<head>
<link rel='stylesheet' href='https://cdn.datatables.net/v/dt/dt-1.10.15/datatables.min.css'>
<script src='https://code.jquery.com/jquery-1.12.4.min.js'></script>
浏览 6提问于2020-09-23得票数 1
回答已采纳
我使用的是1.10.2 DataTables，我想利用columnFilter插件，而不是手工拼凑一些东西。我使用的是带有数据的引导呈现器，jQuery 1.10.2、jQuery UI 1.10.3和引导3.1.1。这个特定的表不使用任何花哨的东西(没有固定的头，没有固定的列，没有ColVis或ColReorder)。分页打开。
<link rel="stylesheet" type="text/css" href="~/CSS/dataTables.bootstrap.css" />
<!-- stuff -->
&l
浏览 2提问于2014-12-18得票数 2
回答已采纳
我有两个DataTables，它们具有相同的模式(相同的列、名称和类型)，.I希望获得出现在第一个而不是第二个模式中的行。有人能帮我吗？谢谢。
浏览 5提问于2016-06-16得票数 0
回答已采纳
4回答
我在laravel上工作了很长一段时间，用Laravel5.0到5.8，我目前在一个项目中使用Laravel5.7，我在env文件中声明了一些常量，但是我无法在我的控制器中打印它们--这里是我的env文件中的常量
APP_NAME=Laravel
APP_ENV=production
APP_KEY=base64:Qm/Xwz4V9oJLhlk8RiY4usy4cdruFHRTe8iYkj7suMs=
APP_DEBUG=true
APP_URL=http://devmarketplace.finpay.pk
LOG_CHANNEL=stack
DB_CONNECTION=mysql
浏览 3提问于2019-07-10得票数 0
3回答
我正在使用JQUERY Datatable。我已经在表格中填入了数据。此外，我还引入了水平滚动、垂直滚动和固定列。
我的div和table如下..
<div id="div1" style="padding-left: 5px;">
</div>
<table class='tftable' cellspacing='0' rules='all' border='1' id='ItemDetails' cellpadding='0' s
浏览 1提问于2014-02-27得票数 0
1回答
在Asp.net mvc5上工作。为了隐藏jQuery DataTables列，我使用了下面的语法，它工作得很好，但是隐藏了列之后，我无法访问选定的行隐藏列值。
隐藏列
$('.tbl').dataTable({
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"aButtons": [],
"sRowSelect":
浏览 3提问于2016-02-27得票数 0
我对FixedColumns DataTables有意见。从图片中可以看到，列重复所有行并对齐它。我不知道是怎么回事，但我已经在使用DataTables网站的参考资料了，还没有起作用，你能帮我吗？
浏览 3提问于2020-10-20得票数 0
回答已采纳
你好，我需要在一个数据视图中“合并”2个DataTables，但我不能处理它。到目前为止，我已经有了类似下面的代码，现在我想在下面放置另一个datatable(它具有相同的列数)，而不需要任何分隔(就像添加新行一样)。例如，下面的代码返回3行，所以我希望来自另一个源的数据从第4行开始显示，我该怎么做呢？有人能帮上忙吗？
private void button1_Click(object sender, EventArgs e)
{
String name = "Items";
String constr = "Provide
浏览 3提问于2014-03-27得票数 0
我是VueJS新手，我决定使用一个名为Vue- datatable的库(这里的文档： )在我的laravel项目中显示一个数据表，而不是通常使用jQuery的Yajra数据。我已经能够显示我的数据从后端，但现在我挣扎包括一个编辑按钮在一个自定义的“动作”列。我试过很多种方法，但都没有成功。我需要一种方法来重定向到编辑页面按钮的点击，所以我的猜测是，我需要处理自定义列模板在我的php视图文件。下面是使其更加明确的代码：
Php控制器：
public function index() {
$users = json_encode(User::latest()->get());
浏览 5提问于2021-01-01得票数 3
回答已采纳
有没有办法根据列值在jQuery DataTables中查找行？例如，我能否确定哪一行在第1列中包含值"foo“，在第2列中包含值"bar”？我想以编程方式确定哪一行包含这些值。简单地保留一个单独的数据结构将值和行索引连在一起是最好的解决方案吗？我想删除包含给定值的列的表行。
我使用的是DataTables 1.8.0和jQuery 1.5.1。
浏览 0提问于2011-06-23得票数 3
回答已采纳
因为scss使用@import代替了require。如何导入jquery datatable。我想在application.scss文件中添加以下代码
*= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
这是application.scss文件：
@import "bootstrap-sprockets";
@import "bootstrap";
浏览 1提问于2017-04-30得票数 0
我有一个Datatables.net jquery插件作为vue组件：
DatatablesCGU
<template>
<table v-bind="$props" ref="tableElement" class="table table-striped table-hover table-bordered">
<slot></slot>
</table>
</template>
<script>
import $ f
浏览 0提问于2019-09-13得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
