2016-07-10 3 views
1

Мне нужна помощь для загрузки таблицы css, поэтому, когда я делаю столбец из JQuery в таблице Bootstrap, я получаю некоторую проблему. This PictureСтолбец Столбец Столбец Ошибка

Мои колонны скользят вниз. Я не хочу этого. Я даю css В моей колонке, поэтому столбец выглядит так. This Picture Может ли кто-нибудь мне помочь?

JQuery код

var Tablo=document.getElementById("tablo_icin2"); 
     var tbody=document.getElementById("MyTBody"); 
     json_obj= $.parseJSON(veri); 
     for(var i in json_obj) 
     { 

      var Satir=document.createElement("tr"); 
      var Stun=document.createElement("td"); 
      Stun.appendChild(document.createTextNode(" ")); 
      Satir.appendChild(Stun); 

      //Yeni Stun Ekliyoruzz 

      Stun=document.createElement("td"); 
      Stun.classList.add("sorting_1"); 
      Stun.appendChild(document.createTextNode(json_obj[i].KuryeNumarasi )); 
      Satir.appendChild(Stun); 
      //Yeni Stun Ekliyoruzz 

      Stun=document.createElement("td"); 
      Stun.appendChild(document.createTextNode(json_obj[i].TipId )); 
      Satir.appendChild(Stun); 
      //Yeni Stun Ekliyoruzz 

      Stun=document.createElement("td"); 
      Stun.appendChild(document.createTextNode(" " )); 
      Satir.appendChild(Stun); 

      //Yeni Stun Ekliyoruzz 
      //And More Table Rows in down. 

HTML код;

<table id="tablo_icin2" class="table table-bordered table-hover table-striped"> 

       <thead> 
       <tr> 
        <th> 
        <span class="btn btn-default btn-sm checkbox-toggle"><i class="fa fa-square-o"></i></span> 
        </th> 
        <th>Kurye&nbsp;Numara</th> 
        <th>Kurye&nbsp;Tipi</th> 
        <th>Kurye&nbsp;Resmi</th> 
        <th>Adı&nbsp;Soyadı</th> 
        <th>TC&nbsp;Numarası</th> 
        <th>Cinsiyeti</th> 
        <th>Doğum&nbsp;Tarihi</th> 

        <th>Açıklama</th> 
        <th>İşe&nbsp;Başlama&nbsp;Tarihi</th> 
        <th>İşten&nbsp;Ayrılma&nbsp;Tarihi</th> 
        <th>Kan&nbsp;grubu</th> 
        <th>Boyu</th> 
        <th>Kilo</th> 
        <th>Ayakkabı&nbsp;Numara</th> 
        <th>Prim&nbsp;Grubu</th> 

        <th>Durumu</th> 
        <th>Sabit&nbsp;Telefonu</th> 
        <th>GSM&nbsp;Telefonu</th> 
        <th>E-&nbsp;mail&nbsp;Adresi</th> 
        <th>Ev&nbsp;Adresi</th> 
        <th>Android&nbsp;Kullanıcı&nbsp;Adı</th> 
        <th>Android&nbsp;Kullanıcı&nbsp;Şifresi</th> 
        <th>Yakının&nbsp;Adı&nbsp;Soyadı</th> 
        <th>Tanıdık&nbsp;Telefon&nbsp;1</th> 
        <th>Tanıdık&nbsp;Telefon&nbsp;2</th> 
        <th>Tanıdık&nbsp;Adres</th> 
       </tr> 
       </thead> 
       <tbody id="MyTBody"> 

       </tbody></table> 

ответ

1

Вы можете добавить класс с пробельных Nowrap в этих конкретных клетках

.text-nowrap { 
    white-space: nowrap; 
} 
+0

Спасибо я решил :) –