如何在 bootgrid 表的最新记录中闪烁文本？

Posted 2023-05-09

【中文标题】如何在 bootgrid 表的最新记录中闪烁文本？

【英文标题】：How do I blink text in latest record in bootgrid table?

【发布时间】：2018-01-29 15:53:10

【问题描述】：

我使用了下面的 bootgrid 表。我想知道是否可能，如何添加文本，例如最新记录中的“新”，即行。

我找到的闪烁文本代码在这里：Blinking text

表格代码：

<table id="employee_grid" id="box-table-a" cellspacing="0"  class="table table-bordered table-hover" style="border-radius:10px; overflow: hidden">
<thead class="thead-inverse" align="center">
    <tr style="background-color:#20B2AA" style="color:red" class="border_bottom">
        <th data-column-id="id" data-order="desc" data-type="numeric" data-identifier="true">Sr.No.</th>
        <th data-column-id="date">Test Date</th>
        <th data-column-id="version">[![enter image description here][2]][2]Version</th>
        <th data-column-id="test_type">Test Type</th>
        <th data-column-id="tester">Tester</th>
        <th data-column-id="step1">step1</th>
        <th data-column-id="step2">step2</th>
        <th data-column-id="step3">step3</th>
        <th data-column-id="commands" data-formatter="commands" data-sortable="false">Commands</th>
    </tr>
</thead>

【问题讨论】：

您正在链接到包含您的答案的问题...？

不，我的意思是我在哪里可以添加这个，在这种情况下我看不到任何 td 元素可能是由于 bootgrid 表。

这将取决于您如何将数据加载到 bootgrid 表中。大概该插件有一些你可以挂钩的事件

好的。我会尝试深入研究。

【参考方案1】：

我不确定您是在尝试制作闪烁文本还是在字段中添加文本。

首先我会建议改变

<th> to <td>

因为是用于标题，

其次，您可以通过在 <th><th/> 标记之间添加一个 div 来添加“新”文本，如下所示

<span class="newtxt" style="position:absolute;">New</span>

默认情况下，这应该位于单元格的左上角。

【讨论】：

更改了如下代码：<td data-column-id="id" data-order="desc" data-type="numeric" data-identifier="true"><span class="newtxt" style="position:absolute;">New</span>  id</td>，但它显示在 td 中，现在是标题，但我想在最新记录中显示它。我想通过创建隐藏的div 或table 来显示它，这将在最新记录附近显示txt，但如果用户对列进行排序，它不会移动文本。需要考虑其他事情。