データテーブルはrowcallbackで行の色を変更します

エフライム

私はデータテーブルを使用していて、STATEMENTが要件を満たしている場合、現在行を別の色に変更することに固執しています。すでに多くのことを試しましたが、本当に奇妙なエラーがあります。私のコードは次のとおりです。

"rowCallback": function( row, data, index ) {
        if ( data[2] < data[4] ) {
          $('td', row).css('background-color', 'pink');
        }
}

私の応答ファイルにいる間、私はこのクエリを書きました:

$sql = "SELECT itemid,itemname,stock,unit,minimum FROM item WHERE type LIKE 'homecare'";

アイテムの在庫がユーザーが設定した最小値よりも少ない場合は、行の色を変更したいと思います。

私の現在のデータテーブルテストの結果は次のとおりです。 ここに画像の説明を入力してください

私が実行したテスト結果の例:

  • 10未満および最小値を超える=変更なし
  • 10以上=赤<<最小値を超えているため、変更しないでください
  • 50以上=変更なし

両方の行の「最小」列のデータベース設定は同じ数ですが(5)

ご協力いただきありがとうございます!

davidkonrad

あなたは持っているようです9 cc10 ccそしてstock列の値として数値比較が必要な場合は、各列の数値を数値として抽出する必要がありますまた、すべてを設定する代わりに、に.pinkクラスを追加します。<tr>background-color<td>

"rowCallback": function( row, data, index ) {
  var stock = parseFloat(data[0]), //data[2]
      minimum = parseFloat(data[1]), //data[4]
      $node = this.api().row(row).nodes().to$();

  if (stock < minimum ) {
     $node.addClass('pink')
  } 
}      

デモ-> http://jsfiddle.net/104o96cn/

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

javafxテーブルの行は色を変更しません

分類Dev

AngularMaterialテーブルの行の色を変更します

分類Dev

jQuery:テーブルの行の色を変更しますか?

分類Dev

行をホバーしながらprimefacesデータテーブルの行の色を変更する方法

分類Dev

cssセレクターでテーブルの行の色を変更する

分類Dev

データテーブルは行で動的に変更されますが、データオブジェクトはajaxを変更しません

分類Dev

C#は、マウスをホバーするとテーブルの行の色を変更します

分類Dev

Javascriptは、ユーザーが指定した行と列でテーブルを作成し、クリック時に各セルの色を変更します

分類Dev

データテーブル:データに基づいて行の色を変更する

分類Dev

jQueryでJavascriptで作成したテーブルの色を変更しますか?

分類Dev

R:Rmdでデータテーブル全体の幅を変更します

分類Dev

10億行のパーティションテーブルの列のデータ型を変更します

分類Dev

色の変更は、データベースの列に基づくテーブルセルです

分類Dev

色の変更は、データベースの列に基づくテーブルセルです

分類Dev

複数の条件に基づいてデータテーブルの行の色を変更する

分類Dev

データテーブルの特定の列の色を変更する

分類Dev

データテーブルの特定の列の色を変更する

分類Dev

DTを使用したRデータテーブルrowCallback

分類Dev

ボタンクリックで色とテキストを変更するためにngClassを使用しています。データはデータテーブルを使用してリモートサーバーからフェッチされます

分類Dev

jQueryテーブルの並べ替えは、列で並べ替えられた色を変更します。

分類Dev

角度データテーブルrowCallback関数で角度データテーブルを返す

分類Dev

ページ付けされたデータテーブルの色をフラッターで変更するにはどうすればよいですか?

分類Dev

Atomエディターのテーマは文字ポインターの色を変更します

分類Dev

jQueryを使用してテーブルの行の色を変更する方法

分類Dev

データテーブルのデータを変更しました。この変更されたデータをテーブルに戻すにはどうすればよいですか?

分類Dev

Primengデータテーブルの編集可能な行の背景色を変更します

分類Dev

条件付きでDashデータテーブルセルの色を変更する

分類Dev

ブートストラップ4ベータテーブルの行の境界線の色を変更しますか?

分類Dev

ローカルディレクトリからファイルを読み取り、HTMLテーブルの行の色を変更します

Related 関連記事

  1. 1

    javafxテーブルの行は色を変更しません

  2. 2

    AngularMaterialテーブルの行の色を変更します

  3. 3

    jQuery:テーブルの行の色を変更しますか?

  4. 4

    行をホバーしながらprimefacesデータテーブルの行の色を変更する方法

  5. 5

    cssセレクターでテーブルの行の色を変更する

  6. 6

    データテーブルは行で動的に変更されますが、データオブジェクトはajaxを変更しません

  7. 7

    C#は、マウスをホバーするとテーブルの行の色を変更します

  8. 8

    Javascriptは、ユーザーが指定した行と列でテーブルを作成し、クリック時に各セルの色を変更します

  9. 9

    データテーブル:データに基づいて行の色を変更する

  10. 10

    jQueryでJavascriptで作成したテーブルの色を変更しますか?

  11. 11

    R:Rmdでデータテーブル全体の幅を変更します

  12. 12

    10億行のパーティションテーブルの列のデータ型を変更します

  13. 13

    色の変更は、データベースの列に基づくテーブルセルです

  14. 14

    色の変更は、データベースの列に基づくテーブルセルです

  15. 15

    複数の条件に基づいてデータテーブルの行の色を変更する

  16. 16

    データテーブルの特定の列の色を変更する

  17. 17

    データテーブルの特定の列の色を変更する

  18. 18

    DTを使用したRデータテーブルrowCallback

  19. 19

    ボタンクリックで色とテキストを変更するためにngClassを使用しています。データはデータテーブルを使用してリモートサーバーからフェッチされます

  20. 20

    jQueryテーブルの並べ替えは、列で並べ替えられた色を変更します。

  21. 21

    角度データテーブルrowCallback関数で角度データテーブルを返す

  22. 22

    ページ付けされたデータテーブルの色をフラッターで変更するにはどうすればよいですか?

  23. 23

    Atomエディターのテーマは文字ポインターの色を変更します

  24. 24

    jQueryを使用してテーブルの行の色を変更する方法

  25. 25

    データテーブルのデータを変更しました。この変更されたデータをテーブルに戻すにはどうすればよいですか?

  26. 26

    Primengデータテーブルの編集可能な行の背景色を変更します

  27. 27

    条件付きでDashデータテーブルセルの色を変更する

  28. 28

    ブートストラップ4ベータテーブルの行の境界線の色を変更しますか?

  29. 29

    ローカルディレクトリからファイルを読み取り、HTMLテーブルの行の色を変更します

ホットタグ

アーカイブ