Replies

• allan Posts: 63,498Questions: 1Answers: 10,470 Site admin

  July 2012

  You can't disable the column sorting classes without just disabling sorting on the column, which I presume you don't want to do - but I suspect you are just running into a CSS selector priority issue - try assigning !important to the ones you want to keep.
  
  Allan
• WeaponX86 Posts: 40Questions: 0Answers: 0

  July 2012

  That's what I'm using now, but it breaks the ability to highlight the entire row with the same color.
• allan Posts: 63,498Questions: 1Answers: 10,470 Site admin

  July 2012

  Can you link us to the page - I'm sure that it will just need a CSS priority adjustment. Firebug will tell you what is overriding the styles.
  
  Allan
• WeaponX86 Posts: 40Questions: 0Answers: 0

  July 2012

  Sure thing.
  https://beta.propertypreswizard.com/test_scripts/beta/home.php
  
  This css is loaded first from wo_status.css (1st column td color):
  [code].wo_status__invoiced {
  background-color: #074BA7 !important;
  color: #FFFFFF !important;
  } [/code]
  
  Then from datatables.css (sorted column):
  [code].dataTables_wrapper tr.even td.sorting_1, .dataTables_wrapper tr.even td.sorting_2, .dataTables_wrapper tr.even td.sorting_3 {
  background-color: #E4E4E4;
  }
  
  /*.dataTables_wrapper tr.odd td:not(:first-child).sorting_1, .dataTables_wrapper tr.odd td.sorting_2, .dataTables_wrapper tr.odd td.sorting_3 {*/
  .dataTables_wrapper tr.odd td.sorting_1, .dataTables_wrapper tr.odd td.sorting_2, .dataTables_wrapper tr.odd td.sorting_3 {
  background-color: #f7f7f7;
  }[/code]
  
  Then when you highlight:
  [code].dataTables_wrapper tr:hover td{
  background-color: #d4e3fc;
  color: #000;
  }[/code]
• allan Posts: 63,498Questions: 1Answers: 10,470 Site admin

  July 2012

  Can you not just modify the last code block there to be:
  
  [code]
  .dataTables_wrapper tr:hover td{
  background-color: #d4e3fc !important;
  color: #000;
  }
  [/code]
  
  You might need to increase the priority of your first code block as well:
  
  [code]
  .dataTables_wrapper tr td.wo_status__invoiced {
  background-color: #074BA7 !important;
  color: #FFFFFF !important;
  }
  [/code]
  
  Allan