Remove border and css from last column of the table
<p>I want to remove <code>border</code> and <code>css</code> from last column of the <code>HTML</code> table and display as if that last column is not part of the <code>table</code> only and table has ended in second last column.</p>

<p><strong>Actual requirement : To display error image wherever there is error in the row.</strong></p>

<p>Please find my below code i have been trying:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}
tr:nth-child(even) {
    background-color: #dddddd;
}
#myTable tbody &gt; tr:last-child &gt; td {
  border: 0;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table id="myTable"&gt;
  &lt;tr&gt;
    &lt;th&gt;Company&lt;/th&gt;
    &lt;th&gt;Contact&lt;/th&gt;
    &lt;th&gt;Country&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;abc&lt;/td&gt;
    &lt;td&gt;ffff&lt;/td&gt;
    &lt;td&gt;Germany&lt;/td&gt;
     &lt;td&gt;&lt;img src="smiley.gif" alt="Smiley face" width="42" height="42"&gt;&lt;/img&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;abac&lt;/td&gt;
    &lt;td&gt;dddd&lt;/td&gt;
    &lt;td&gt;Mexico&lt;/td&gt;
     &lt;td&gt;&lt;img src="smiley.gif" alt="Smiley face" width="42" height="42"&gt;&lt;/img&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;abcd&lt;/td&gt;
    &lt;td&gt;fdfd&lt;/td&gt;
    &lt;td&gt;Austria&lt;/td&gt;
     &lt;td&gt;&lt;img src="smiley.gif" alt="Smiley face" width="42" height="42"&gt;&lt;/img&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;abcde&lt;/td&gt;
    &lt;td&gt;dddd&lt;/td&gt;
    &lt;td&gt;UK&lt;/td&gt;
     &lt;td&gt;&lt;img src="smiley.gif" alt="Smiley face" width="42" height="42"&gt;&lt;/img&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;dert&lt;/td&gt;
    &lt;td&gt;bbbb&lt;/td&gt;
    &lt;td&gt;Canada&lt;/td&gt;
     &lt;td&gt;&lt;img src="smiley.gif" alt="Smiley face" width="42" height="42"&gt;&lt;/img&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;asd&lt;/td&gt;
    &lt;td&gt;Giovanni Rovelli&lt;/td&gt;
    &lt;td&gt;Italy&lt;/td&gt;
     &lt;td&gt;&lt;img src="smiley.gif" alt="Smiley face" width="42" height="42"&gt;&lt;/img&gt;&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;</code></pre>
</div>
</div>
</p>