title: Column nowrap using datatables not working
body: <p>Having a Datatable as below: </p>
  
  <p><a href="https://i.stack.imgur.com/vbIiU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vbIiU.png" alt="Datatable"></a></p>
  
  <p>"Wifi Code" shows the wifi code value, and if the user has provided an email/phone, a respective button is added also to send email/Sms. </p>
  
  <p>I'm trying to display "Wifi Code" in one line, with no wrap.</p>
  
  <p>The table definition: </p>
  
  <pre><code>&lt;table id="visitorsTable" class="display compact responsive nowrap" style="width: 100%"&gt;
  </code></pre>
  
  <p>The ColumnDefs: </p>
  
  <pre><code>columnDefs: [                    
              {
                  targets: [10], // Wifi Code
                  className: "noWrapTd", // white-space: nowrap;
                  render: function(wifiCode, b, data, d) {
                      // wifi exists
                      if (wifiCode) {
                          var content = `&lt;span class="mx-2"&gt;${wifiCode}&lt;/span&gt;`;
                          if (data.Email &amp;&amp; data.PhoneNumber) {
                              content +=
                                  '&lt;div&gt;' +
                                  '&lt;button type="button" class="btnResendByMail mx-1"&gt;Email &lt;i class="fas fa-envelope"&gt;&lt;/i&gt;&lt;/button&gt;' +
                                  '&lt;button class="btnResendBySms"&gt;Sms &lt;i class="fas fa-sms"&gt;&lt;/i&gt;&lt;/button&gt;' +
                                  '&lt;/div&gt;';
                              return content;
                          } else {
                              if (data.Email) {
                                  content +=
                                      '&lt;button class="btnResendByMail"&gt;Email &lt;i class="fas fa-envelope"&gt;&lt;/i&gt;&lt;/button&gt;';
                              }
                              if (data.PhoneNumber) {
                                  content +=
                                      '&lt;button class="btnResendBySms"&gt;SMS &lt;i class="fas fa-sms"&gt;&lt;/i&gt;&lt;/button&gt;';
                              }
                          }
                          return content;
                      } else { // wifi does not exists
                          return '&lt;button class="btnGenerate"&gt;Generate &lt;i class="fas fa-wifi"&gt;&lt;/i&gt;&lt;/button&gt;';
                      }
                  }
              }
  </code></pre>
  
  <p>As you can already see, I have added the "nowrap" class to the table definition.</p>
  
  <p>I've also tried to set a class "className: "noWrapTd", still not good.</p>
  
  <p>Any other idea ?</p>