Answers

• JochenK Posts: 47Questions: 7Answers: 0

  April 2022

  Hi Colin,

  I have a table with fixedColumns ( the first cell ) defined. How i can change the color only for this fixed cell?

  Thanks for your help.
• rf1234 Posts: 2,991Questions: 87Answers: 421

  April 2022

  rowCallback: function (row, data) {
      $('td:eq(0)', row).addClass('bg-danger');
  }
  

  using bootstrap class bg-danger. Just apply any CSS you like.
  https://datatables.net/reference/option/rowCallback
• JochenK Posts: 47Questions: 7Answers: 0

  April 2022 edited April 2022

  no..it doesn't work ...

  my code is:

     <!-- MDB -->
        <script src="scripts/mdb.min.js"></script>
     <script>
    <!-- tables -->
        $(document).ready(function() {
           var table = $('#datenliste').DataTable( {
              scrollY:        "530px",
              scrollX:        true,
              scrollCollapse: true,
              paging:         true,
              ordering:       true,
              info:           false,
              fixedColumns:   true,
              select:         true,
              responsive:     true,
              scroller:       true,
              "language": {
                 "lengthMenu": "Zeige _MENU_ Einträge per Seite",
                 "zeroRecords": "es sind keine Daten vorhanden",
                 "info": "Auflistung Seite _PAGE_ von _PAGES_",
                 "infoEmpty": "keine Datensätze vorhanden",
                 "infoFiltered": "(gefiltert von _MAX_ Gesamteinträgen)",
                 "paginate": {
                    "first": "Erste",
                    "previous": "Zurück",
                    "next": "Nächste",
                    "last": "Letzte"                
                 }, 
                 "search": "Suche:"  
              },
  
            rowCallback: function (row, data) {
               $('td:eq(0)', row).addClass('bg-danger');
            }   
          });
          table
             .column( '0:visible' )
             .order( 'desc' )
             .draw();
        });   
  

  Edited by Colin - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.
• colin Posts: 15,240Questions: 1Answers: 2,599

  April 2022

  This example should help - it's conditionally changing the colour but it should get you rolling,

  Colin
• kthorngren Posts: 21,330Questions: 26Answers: 4,951

  April 2022 edited April 2022 Answer ✓

  Is this what you are looking for?
  http://live.datatables.net/qovojoni/1/edit

  You can use the browser's inspect tool to inspect the first cell to learn the selector used for Datatables cells. The selector might be different with different styling frameworks or configuration options.

  Kevin
• JochenK Posts: 47Questions: 7Answers: 0

  April 2022

  I tried the code snippet, Colins tip, but that didn't work either, the color didn't change. This prompted me to check the css-code closely and I found in my custom-css:
  *----------------------------------------------------
  thead th,
  tr.odd td {
  background-color: #E6E6E6 !important;
  }

  tr.even td {
  background-color: #fff !important;
  }
  *----------------------------------------------------
  I think part of a previous cloudtables version. I removed that part and it works!
  Thanks to everyone who thought about this problem

  Jochen