<div dir="ltr"><div><dt id="horizon.tables.Column.classes" style="color:rgb(62,67,73);font-family:Arial,sans-serif;line-height:21.6px"><tt class="" style="color:rgb(34,34,34);background-color:transparent">Hi, Everyone:</tt></dt><dt id="horizon.tables.Column.classes" style="color:rgb(62,67,73);font-family:Arial,sans-serif;line-height:21.6px">    Is there a possible way to set CSS style for<b> each cell</b> in <b>DataTable</b> according to the value of the cell ? For example, if the cell value is <b>'available' </b>then the css should display a <b>green icon</b> as well, else if the cell value is <b>'error'</b> the the css should display a <b>red icon</b>. </dt><dt id="horizon.tables.Column.classes" style="color:rgb(62,67,73);font-family:Arial,sans-serif;line-height:21.6px">    What I found is <tt class="" style="line-height:normal;color:rgb(34,34,34);font-size:1.1em">horizon.tables<b>.</b></tt><tt class="" style="font-weight:bold;line-height:normal;color:rgb(34,34,34);font-size:1.2em">Column</tt><tt class="" style="line-height:normal;color:rgb(34,34,34);font-size:15.6px"> </tt><tt class="" style="line-height:normal;color:rgb(34,34,34)">option:</tt></dt><dt id="horizon.tables.Column.classes" style="color:rgb(62,67,73);font-family:Arial,sans-serif;line-height:21.6px"><tt class="" style="color:rgb(34,34,34);font-weight:bold;background-color:transparent">    classes</tt><a class="" href="http://docs.openstack.org/developer/horizon/ref/tables.html#horizon.tables.Column.classes" title="Permalink to this definition" style="text-decoration:none;padding:0px 4px;margin-left:5px;color:rgb(255,255,255)!important;background:rgb(207,47,25)!important"></a></dt><dd style="margin-top:3px;margin-bottom:10px;margin-left:30px;line-height:21.6px;color:rgb(62,67,73);font-family:Arial,sans-serif"><p style="margin-top:0px;line-height:1.5em">    An iterable of CSS classes which should be added to this column.                     Example: <tt class="" style="color:rgb(34,34,34);background-color:rgb(236,240,243)"><span class="">classes=('foo',</span> <span class="">'bar')</span></tt>.</p></dd></div>    But this sets all the column cell style. <div>    I<span style="color:rgb(62,67,73);font-family:Arial,sans-serif;line-height:21.6px">s there a possible way to set CSS style for</span><b style=""><font color="#3e4349" face="Arial, sans-serif"><span style="line-height:21.6px"> each cell respectively?</span></font></b><br><div>    I'm very grateful for answering.</div><div><br clear="all"><div><div class="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div><div><i><span style="font-family:georgia,serif"><font size="2"><b>Best Regards！</b></font></span></i></div><i><span style="font-family:georgia,serif"><font size="2"><b>Chao Yan</b><br><b><span></span></b>--------------<br>About me <span>： </span><a href="http://about.me/chao_yan" target="_blank">http://about.me/chao_yan</a></font></span></i><br><i><span style="font-family:georgia,serif"><font size="2"><span><i><span style="font-family:georgia,serif"><font size="2">My twitter<span>： </span><a href="https://twitter.com/yanchao727" target="_blank">@yanchao727</a><br></font></span></i></span></font></span></i><i><span style="font-family:georgia,serif"><font size="2"><span><i><span style="font-family:georgia,serif"><font size="2"><span><i><span style="font-family:georgia,serif"><font size="2">My Weibo<span>： </span><a href="http://weibo.com/herewearenow" target="_blank">http://weibo.com/herewearenow</a><br></font></span></i></span></font></span></i></span></font></span></i><span><i><span style="font-family:georgia,serif"><font size="2">--------------</font></span></i></span><font size="4" face="comic sans ms, sans-serif"><b><i><br></i></b></font></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
</div></div></div>