Answers

• kthorngren Posts: 21,322Questions: 26Answers: 4,948

  May 2022 Answer ✓

  You can inspect the rows that are selected to see what styling is set. You might find something like this for each td in the selected row:

  table.dataTable.display > tbody > tr.odd.selected > * {
      box-shadow: inset 0 0 0 9999px rgb(13 110 253 / 92%);
  }
  

  Keep looking and you will see that it overrides this:

  table.dataTable.display > tbody > tr.odd > * {
      box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 2%);
  }
  

  So you will want to override this for the columns you don't want to highlight. Also you will find that the text color is set to white so you will want to override that and set it to the normal text color that was overridden. See this default styled Datatables to see how the above can be overriden:
  http://live.datatables.net/jiquxawa/1/edit

  Can I get the column name from the click?

  You will probably need to change the selector used to something like this to get the column clicked using the column-selector of td:

  $('#idTable tbody').on('click', 'tr td', function (e) {
    var column = table.column( this );
    console.log(column.index())
  });
  

  Kevin
• Ludde Posts: 43Questions: 11Answers: 0

  May 2022

  Thanks again kthorngren! You pointed me again in the correct direction! Super thanks!