Q&A
サンプルを拝見すると、data-row-id という属性で連番がついているようでしたが、そうではないのですか？
ドキュメント参照して色々やってみましたが
わかりません教えてください。
↓下記ライブラリーを使い
http://www.jquery-bootgrid.com/
簡単にページャー検索機能のテーブルを動的に作成しました。
実装までは上手くいったんですが
ある条件の行は色を変えることをやりたいとおもい
普通に<tr class=id 連番></tr>
class付与して
そのclassに条件のとこだけcssを動的に変えようといつも通りしても動きません
devツールで見ると、classが消えてしまいます。
ライブラリーで強制的に消えてしまうらしいですので
ドキュメントを見ると class=wrongなど付与すると行部分のバックが色を変えるんですが
htmlもjavascriptもどのようにclass付与しているかもわかりません。
cssで設定しているのかな？思いドキュメントのcssファイルも見ても何もしてないので
どのようにしているかわからず行き詰まりました。
知っている方がいれば教えてください。
ついてはいるんですが、data-row-id='1'
ただjQueryだと$("#id).css のようにセレクターを指定しますが
効かなかったです
どのようなコードで指定されたのですか？
devツールの通りに
$('tr[data-row-id="1"]').css("background-color","red");
ただ上記でも、100データがあったとして
10表示の場合 次ページにいくと動的に同じidが付与されるので・・
http://www.jquery-bootgrid.com/Examples#basic-selection
このサンプルでは通し番号のようですが、このようにはできないということですか？
all表示だと 通し番号になりますが
10,25,50,allで10とかだと
1:q
2:q1
3:q2
次ページ変更
1:c
2:c1
3:c2
にdata-row-idの番号がなります。
それに$('tr[data-row-id="1"]').css("background-color","red");と指定しても
色が変わりません
当方の環境ではそのようになりませんでした。
環境の問題かもしれないですね。
上記で普通に色変更できましたか？？
もしかしたらですが
データベースから取得したデータを
javascriptで動的にテーブル作成してから
bootgridをしているので、それでできないんですかね。。
背景色の変更については、tdの背景色が上に乗ってしまうので、
$('tr[data-row-id="1"] td')
などとする必要があるでしょうね。
ですが、当方が「そのようになりませんでした」と申し上げたのは、そちらではなくて data-row-id の動作の方です。
どうも、互いに違うものを見ているせいで、有意義なやり取りができなさそうですね。
申し訳ないですが私ではお役に立てなさそうなので、他のご回答者様をお待ちください。
あなたの回答
tips
プレビュー
