我需要bootstrap table css的帮助所以当我从Jquery In Bootstrap表中创建列时,我遇到了一些问题。
我的专栏滑倒了。我不想这样。我给css在我的专栏中,所以列看起来像这样。 谁能帮我 ?
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 Numara</th>
<th>Kurye Tipi</th>
<th>Kurye Resmi</th>
<th>Adı Soyadı</th>
<th>TC Numarası</th>
<th>Cinsiyeti</th>
<th>Doğum Tarihi</th>
<th>Açıklama</th>
<th>İşe Başlama Tarihi</th>
<th>İşten Ayrılma Tarihi</th>
<th>Kan grubu</th>
<th>Boyu</th>
<th>Kilo</th>
<th>Ayakkabı Numara</th>
<th>Prim Grubu</th>
<th>Durumu</th>
<th>Sabit Telefonu</th>
<th>GSM Telefonu</th>
<th>E- mail Adresi</th>
<th>Ev Adresi</th>
<th>Android Kullanıcı Adı</th>
<th>Android Kullanıcı Şifresi</th>
<th>Yakının Adı Soyadı</th>
<th>Tanıdık Telefon 1</th>
<th>Tanıdık Telefon 2</th>
<th>Tanıdık Adres</th>
</tr>
</thead>
<tbody id="MyTBody">
</tbody></table>
答案 0 :(得分:1)
您可以在这些特定单元格中添加一个带有空格的类
.text-nowrap {
white-space: nowrap;
}