2017-08-21 1 views
-2

私は以下のブートグリッドテーブルを使用しました。可能であれば、どうすればテキストを追加できますか? "New"最新のレコード、つまり行。私が見つけた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

これは、ブートグリッドテーブルにデータをロードする方法によって異なります。おそらくそのプラグインにはフックできるいくつかのイベントがあります –

答えて

1

私はあなたが作るしようとしているかどうかわからないんだけどテキストを点滅させるか、フィールドにテキストを追加します。

まず私は、ヘッダーのために意味されているので、

第二に、あなたがこの

ようなあなたの <th><th/>タグ間のdivを追加することで、テキストの「新しい」ビットを追加することができます

<th> to <td> 

を変更することをお勧め

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

これは、デフォルトではセルの左上に移動する必要があります。

+0

私は試してみましょう、ありがとう! –

+0

のようにビットコードを変更しました。 = "position:absolute;"> New     id 'これはヘッダになっている' td'に表示されますが、これを最新のレコードに表示したいのです。私は最新のレコードの近くに 'txt'を表示する隠し' div'や 'table'を作成して表示することを考えていましたが、ユーザーのソート列ではテキストは移動しません。何か他のことを考える必要がある。 –

関連する問題