DataTables jQuery 颜色不同的单元格

huangapple go评论58阅读模式
英文:

DataTables jquery color different cells

问题

以下是您要翻译的内容:

尝试对不同行中的单元格进行CSS样式设置。但是CSS不起作用。按索引行显示的文本是正确的,但我无法对数据进行操作。

$('#results').DataTable( {
    "initComplete": function() {
        $rows     = $('#results').DataTable().rows().count();
        $columns = $('#results').DataTable().columns().count();
        
        for (var i = 1; i < $columns; i++) {
            for (var j = 1; j < $rows; j++) {
                if($('#results').DataTable().data()[j][i] != $('#results').DataTable().data()[j-1][i])
                {
                    console.log($('#results').DataTable().data("test")[j][i].css("color","red"));
                }
            }
        }
    },
});

期望的示例:
DataTables jQuery 颜色不同的单元格

英文:

Trying to css different cells in rows. But css is not works. Text by index row promts correct but i cant do something with data.

$(&#39;#results&#39;).DataTable( {
		&quot;initComplete&quot;: function() {
			$rows 	 = $(&#39;#results&#39;).DataTable().rows().count();
			$columns = $(&#39;#results&#39;).DataTable().columns().count();
			
			for (var i = 1; i &lt; $columns; i++) {
				for (var j = 1; j &lt; $rows; j++) {
					if($(&#39;#results&#39;).DataTable().data()[j][i] != $(&#39;#results&#39;).DataTable().data()[j-1][i])
					{
						console.log($(&#39;#results&#39;).DataTable().data(&quot;test&quot;)[j][i].css(&quot;color&quot;,&quot;red&quot;);
					}
				}
			}
		},

Example of expentations:
DataTables jQuery 颜色不同的单元格

答案1

得分: 1

这个变体有效。

我将新数据放入带有数据的带颜色的单元格中。
它有效。

$(&#39;#results&#39;).DataTable().cell({row:j, column:i}).data(&quot;&lt;span style=&#39;color:red;&#39;&gt;&quot;+$(&#39;#results&#39;).DataTable().cell({row:j, column:i}).data()+&quot;&lt;/span&gt;&quot;);
英文:

This variant works.

I put new data in cell with colored span with data inside.
And it works.

$(&#39;#results&#39;).DataTable().cell({row:j, column:i}).data(&quot;&lt;span style=&#39;color:red;&#39;&gt;&quot;+$(&#39;#results&#39;).DataTable().cell({row:j, column:i}).data()+&quot;&lt;/span&gt;&quot;);

huangapple
  • 本文由 发表于 2023年4月13日 22:18:04
  • 转载请务必保留本文链接:https://go.coder-hub.com/76006523.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定