Javascript 引导表列问题
我需要有关引导表css的帮助,所以当我在引导表中从Jquery生成列时,我会遇到一些问题 我的柱子往下滑。我不想这样。我在我的专栏中给出了css,所以专栏看起来像这样。 有人能帮我吗 JQuery代码Javascript 引导表列问题,javascript,jquery,html,twitter-bootstrap,bootstrap-table,Javascript,Jquery,Html,Twitter Bootstrap,Bootstrap Table,我需要有关引导表css的帮助,所以当我在引导表中从Jquery生成列时,我会遇到一些问题 我的柱子往下滑。我不想这样。我在我的专栏中给出了css,所以专栏看起来像这样。 有人能帮我吗 JQuery代码 var Tablo=document.getElementById("tablo_icin2"); var tbody=document.getElementById("MyTBody"); json_obj= $.parseJSON(veri);
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>
库里努马拉
库里提皮
库里雷斯米
阿德·索亚德
TC Numarası
辛西耶提
多乌姆·塔里希
Açıklama
巴巴拉·塔里希
蒂恩·艾尔玛·塔里希
甘格鲁布
博宇
公斤
阿亚卡布·努马拉
普里姆格鲁布
杜鲁木
萨比特电信
GSM电话
电子邮件地址
肾上腺素
安卓·库兰·c·阿德
Android Kullanıcıifresi
牦牛
Tanıdık Telefon 1
Tanıdık Telefon 2
Tanıdık地址
您可以在这些特定单元格中添加一个带有空格nowrap的类
.text-nowrap {
white-space: nowrap;
}