javascript - 数据表添加具有特殊数据字段的行

标签 javascript jquery html datatable

我在向已填充的表中添加行时遇到一些问题。

Here是我当前正在使用的代码。我使用以下代码添加一行:

t.row.add([
    '<td class="truncate"><a class="tooltipped" data-delay="50" data-html="true" data-position="bottom" data-tooltip="Tooltip text" href="http://testing.com" target="_blank">New Row</a></td>',
    '<td>999</td>',
    '<td><i aria-hidden="true" class="fa fa-envelope fa-lg" title="email"></i></td>',
    '<td>United States</td>',
    '<td>2019-12-31</td>',
    '<td data-order="1478498400">5 Days 1 Hours</td>',
    '<td><a onclick="markAsVisited(\'xxxxx\')" style="cursor: hand;"><i class="fa fa-times fa-lg" style="color:red;"></i></a></td>'
]).draw();

但是我不断收到this错误。另外,“Ends In”下的列从不显示数据,这有什么问题吗?

我的 table 有特殊的data-field就像 data-order我用它来帮助排序。我添加行的首选方法是仅传递所有行内容,即 <tr id='abcde'><td class=......></td><td>...</td>etc</tr>然后让它用我传入的所有代码创建新行。

最佳答案

确保您指定了相同数量的列。

要排序然后重新绘制表格并保持当前分页位置,请尝试

.draw( false );

关于javascript - 数据表添加具有特殊数据字段的行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40372152/

相关文章:

html - 如果我将内部 div 设置为绝对位置,则类容器不起作用

html - div 元素内不需要的顶部填充

javascript - 提高jquery/javascript网页逻辑的性能

javascript - javascript 中的 IF 条件未打印正确的 ID

javascript - 将表单 Ajax 发送到 Controller 错误 404 C#

javascript - 如何在jquery中获取列表项最顶层父级的文本?

jquery - 将移除 CSS 类添加到第 n 个父级

javascript - "missing ) after argument list error "

html - 使用 <span> 漂亮的 html 突出显示

javascript - 创建弹出窗口会触发警告... $tooltip 现在已弃用。使用 $uibTooltip 代替