gridStylePrecedence

dhtmlx formatter stacking

by David McClelland

HTML

<table id="table1">
  <tr class="uneven">
    <td class="twdhtmlxcell" align="left" valign="middle">DataTable_TWTEST-367</td>
    <td class="twdhtmlxcell" align="left" valign="middle" style=" background-color: #e5e27d;  color: #000000;  font-weight:normal; font-style:normal; text-decoration:none;background: #e5e27d; filter: none;textsize-normal">DataTable for testing</td>
  </tr>
  <tr class="rowselected">
    <td class="twdhtmlxcell" align="left" valign="middle" title="Industrial Gateway">IndustrialGatewayDiagnosticStream</td>
    <td class="twdhtmlxcell" align="left" valign="middle" style="background-color: #e5e27d; color: #000000; font-weight:normal; font-style:normal; text-decoration:none;">Value Stream</td>
  </tr>
  <tr class="uneven">
    <td class="twdhtmlxcell" align="left" valign="middle">LicensedUserAccessDataTable</td>
    <td class="twdhtmlxcell" align="left" valign="middle" style=" background-color: #e5e27d;  color: #000000; font-weight:normal; font-style:normal; text-decoration:none;background: #e5e27d;">DataTable for License</td>
  </tr>
  <tr class="even">
    <td class="twdhtmlxcell" align="left" valign="middle">ListTests</td>
    <td class="twdhtmlxcell" align="left" valign="middle" style=" background-color: #e5e27d;  color: #000000;  font-weight:normal; font-style:normal; text-decoration:none;background: #e5e27d; filter: none;textsize-normal">populate lists</td>
  </tr>
</table>

CSS

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
tr .rowselected td div {
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-style: normal;
    text-decoration: none !important;
}
tr.rowselected td {
    filter: none;
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-style: normal;
    background: rgb(0, 136, 204) !important;
    text-decoration: none !important;
}
tr.even {
    filter: none;
    color: rgb(51, 51, 51);
    font-weight: normal;
    font-style: normal;
    background: rgb(245, 245, 245);
    text-decoration: none;
}
tr.uneven {
    filter: none;
    color: rgb(51, 51, 51);
    font-weight: normal;
    font-style: normal;
    background: rgb(255, 255, 255);
    text-decoration: none;
}
tr:hover td {
    filter: none;
    color: rgb(51, 51, 51, .5);
    /* font-weight: normal; */
    font-style: normal;
    background: rgb(221, 221, 221) !important;
    text-decoration: none !important;
}