Databases
StackOverflow2013
Postsdbo
POHighlight multiple gridview rows as one
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHighlight multiple gridview rows as one
    text
    copied!<p>A gridview displays as follows:</p> <pre><code> FAMILY GROUP COLOR =============================================== | | Poodle | Blue ROW1 | DOG | German Shepherd | Red | | Pitbull | Orange =============================================== | | Evil | green ROW2 | CAT | tabby | purple </code></pre> <p>On mouse over I would like each row to be highlighted. Keep in mind, each listing in column "group" and "color" are a separate row. This means that "poodle" &amp; "blue" are one row, the next row would be "german shepherd" and "red" so on and so forth.</p> <p>I would like to have all those rows react as if they were a single row. Essentially each row will be based on the column "FAMILY". On mouse over I would like to have row1 (dog) highlighted, and all the rows in the columns "group" &amp; "color", associated with DOG, be highlighted as well.</p> <p>So far I have gotten each row to be highlighted on mouse over, as a single row, but I cannot figure out how to make similar rows act as a single entity on mouse over.</p> <p>RENDERED HTML:</p> <pre><code>&lt;table class="gridview" cellspacing="0" rules="all" border="1" id="MainContent_gvAnimalInfo" style="width:90%;border-collapse:collapse;"&gt; &lt;tr&gt; &lt;th scope="col"&gt; &lt;a&gt;FAMILY&lt;/a&gt; &lt;/th&gt; &lt;th scope="col"&gt;GROUP&lt;/th&gt; &lt;th scope="col"&gt;COLOR&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td rowspan="3"&gt;DOG&lt;/td&gt; &lt;td&gt;Poodle&lt;/td&gt; &lt;td&gt;Blue&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;German Shepherd&lt;/td&gt; &lt;td&gt;Red&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Pitbull&lt;/td&gt; &lt;td&gt;Orange&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload