2017-08-21 13 views
-2

我已經使用下面的bootgrid表。我想知道如果可能,我如何添加文字「新」在最新的記錄,即行。如何在bootgrid表中的最新記錄中閃爍文本?

我發現閃爍的文字代碼是在這裏:Blinking text

表代碼:

<table id="employee_grid" id="box-table-a" cellspacing="0" width="100%" 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> 

enter image description here

+1

您正在鏈接到包含您的答案的問題...? –

+0

不,我的意思是在哪裏添加這個,在這種情況下,我看不到任何'td'元素可能是由於bootgrid表造成的。 –

+0

這將取決於如何將數據加載到您的bootgrid表中。據推測,該插件有一些事件,你可以鉤到 –

回答

1

我不知道你是否嘗試做閃爍文字或添加文字到您的字段。

首先我建議改變

<th> to <td> 

,因爲是爲標題,

其次,你可以添加文字的「新」位通過這樣

加入您的 <th><th/>標籤之間一個div
<span class="newtxt" style="position:absolute;">New</span> 

這應該默認轉到單元格的左上角。

+0

我會試試,謝謝! –

+0

更改了這樣一個位代碼:'     id'但是這是顯示在'td'這是現在標題,但我想顯示在最新的記錄。我想通過創建隱藏的'div'或'table'來顯示它,它將在最近的記錄附近顯示'txt',但是如果用戶對列進行排序,它將不會移動文本。需要思考別的東西。 –