Answers

• allan Posts: 61,840Questions: 1Answers: 10,134 Site admin

  December 2015 Answer ✓

  You might need to move the column filter initialisation into initComplete. However, without a test case I can't be certain.

  Allan
• Carrear Posts: 3Questions: 1Answers: 0

  December 2015

  Would it be enough to show you the js code for initialization?

      <script type="text/javascript">
          $(document).ready(function() {
              // Setup - add a text input to each footer cell
              $('#krisendatenbank tfoot th').each( function () {
                  var title = $(this).text();
                  $(this).html( '<input type="text" placeholder="Suche '+title+'" />' );
              } );
              
              
              // DataTable
              var table = $('#krisendatenbank').DataTable({
                  responsive: true,
                  language: {
                      "url": "<we:url type="document" id="16107" />"
                  },
                  initComplete: function () {
                      var r = $('#krisendatenbank tfoot tr');
                      r.find('th').each(function(){
                          $(this).css('padding', 8);
                      });
                      $('#krisendatenbank thead').append(r);
                      $('#search_0').css('text-align', 'center');
                  }
                  });
              
              // Apply the search
              table.columns().every( function () {
                  var that = this;
                  $( 'input', this.footer() ).on( 'keyup change', function () {
                      if ( that.search() !== this.value ) {
                          that
                          .search( this.value )
                          .draw();
                      }
                  } );
              } );
          } );
      </script>
  
• Carrear Posts: 3Questions: 1Answers: 0

  December 2015

  Your solution is easy and great :D in other word: It works. Thank you.

      <script type="text/javascript">
          $(document).ready(function() {
              // Setup - add a text input to each footer cell
              $('#krisendatenbank tfoot th').each( function () {
                  var title = $(this).text();
                  $(this).html( '<input type="text" placeholder="Suche '+title+'" />' );
              });
              
              
              // DataTable
              var table = $('#krisendatenbank').DataTable({
                  language: {
                      "url": "<we:url type="document" id="16107" />"
                  },
                  responsive: false,
                  initComplete: function () {
                      // Apply the search
                      table.columns().every( function () {
                          var that = this;
                          $( 'input', this.footer() ).on( 'keyup change', function() {
                              if ( that.search() !== this.value ) {
                                  that
                                  .search( this.value )
                                  .draw();
                              }
                          });
                      });
                      var r = $('#krisendatenbank tfoot tr');
                      r.find('th').each(function(){
                          $(this).css('padding', 5);
                      });
                      $('#krisendatenbank thead').append(r);
                      $('#search_0').css('text-align', 'center');
                  }
                  });
              
          });
      </script>