2017-06-07 9 views
0

Javascriptに関する私の知識はかなり悪く、私の質問はちょっとばかばかしいかもしれません。とにかく、私たちは行く: 私は、MySQLデータベースからURLをフェッチするデータテーブルの列を持っています。URLは他の場所に格納された画像を指しています。私は列の整数を対象とすることができないので(隠された応答のある子行にあるために違います)、render関数を使用してジョブを行います(下のコードを参照)。それはうまく動作します。 今度は、自分のCSSを行の画像に追加したいと思います。Datatablesのレンダリング関数から複数の値を返すにはどうすればよいですか?

これを私の下のjsにどのように追加できますか?

{ "data": "img", 
    className: "min-phone", 
    "render": function (data, type, row) { 
       return '<img src="http://beginning.of.url.to.image' + data + '" />'; 
      } 
} 
+0

あなたは '' のようなインラインスタイルを使用することができます。または独自のCSSクラスを追加してCSSファイルで使用してスタイルを設定することができます – Siva

+0

申し訳ありませんが、効果がないようです。とにかく、私は外部のCSSファイルで特定のブレークポイントをターゲットにする必要があります(別の言葉では、小さなデバイスに表示するときに画像を小さくします)。 – pastrand

+0

さて、デバイスに基づいて、あなたはcssクラス 'return ''; ' または' return' ';を追加して、これらのクラスをCSSファイルで使用することができます。それは働くだろうか? – Siva

答えて

0

この問題を回避するには、cssクラスを使用できます。

デバイスに基づいて、以下のようにcssクラスを追加できます。

return '<img src="http://beginning.of.url.to.image' + data + '" class="medium-screen" />';

または

return '<img src="http://beginning.of.url.to.image' + data + '" class="large-screen" />';

関連する問題