Set background color of selected row in lesion table

This commit is contained in:
Evren Ozkan 2015-12-02 14:19:26 -05:00
parent e248f9ec7a
commit 5bf96137f1
2 changed files with 13 additions and 3 deletions

View File

@ -211,6 +211,10 @@ Template.lesionTable.events({
'click table#tblLesion tbody tr': function(e, template) { 'click table#tblLesion tbody tr': function(e, template) {
// Retrieve the lesion id from the DOM data for this row // Retrieve the lesion id from the DOM data for this row
var measurementId = $(e.currentTarget).data('measurementid'); var measurementId = $(e.currentTarget).data('measurementid');
// Set background color of selected row
$(e.currentTarget).addClass("selectedRow").siblings().removeClass("selectedRow");
activateLesion(measurementId,template.data); activateLesion(measurementId,template.data);
} }
}); });

View File

@ -22,11 +22,12 @@
thead thead
width: 100% width: 100%
height: 25px height: 40px
display: block display: block
tr tr
width: 100% width: 100%
height: 40px
th th
border-bottom-width: 0 border-bottom-width: 0
@ -37,18 +38,23 @@
margin: 0 margin: 0
padding: 5px padding: 5px
background-color: #424242 background-color: #424242
vertical-align: middle
tbody tbody
display: block display: block
position: absolute position: absolute
top: 25px top: 40px
left: 0 left: 0
right: 0 right: 0
bottom: 0 bottom: 0
overflow: auto overflow: auto
width: 100% width: 100%
tr.selectedRow
background: #F5F5F5 !important
color: black !important
tr.lesionTableRow tr.lesionTableRow
width: 100% width: 100%